/* Mapa Web */
.pc-sitemap-page,
.pc-sitemap-page * {
 box-sizing: border-box;
}
.pc-sitemap-page {
 --pc-green-dark: #19432f;
 --pc-green-deep: #102d20;
 --pc-green: #6ca442;
 --pc-green-hover: #7db84b;
 --pc-green-light: #edf5e8;
 --pc-green-soft: #f6f9f4;
 --pc-text: #202722;
 --pc-muted: #68716b;
 --pc-border: rgba(25,67,47,.11);
 width: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 color: var(--pc-text);
 background: #ffffff;
 font-family:
 -apple-system,
 BlinkMacSystemFont,
 "Segoe UI",
 Roboto,
 Arial,
 sans-serif;
}
.pc-sitemap-page a {
 text-decoration: none !important;
}
.pc-sitemap-container {
 width: 100%;
 max-width: 1180px;
 margin: 0 auto;
 padding: 0 24px;
}
.pc-sitemap-hero {
 position: relative;
 min-height: 520px;
 display: flex;
 align-items: center;
 overflow: hidden;
 background: var(--pc-green-deep);
}
.pc-sitemap-hero-bg {
 position: absolute;
 inset: 0;
 z-index: 0;
 background-image:
 url('/wp-content/uploads/2026/08/mapa-web-papeles-cruz.webp');
 background-size: cover;
 background-position: center;
 transform: scale(1.03);
 animation:
 pcSitemapHeroZoom
 14s
 ease-in-out
 infinite alternate;
}
@keyframes pcSitemapHeroZoom {
 from {
 transform: scale(1.03);
 }
 to {
 transform: scale(1.07);
 }
}
.pc-sitemap-hero-overlay {
 position: absolute;
 inset: 0;
 z-index: 1;
 background:
 linear-gradient(
 90deg,
 rgba(7,29,20,.94) 0%,
 rgba(10,39,27,.79) 48%,
 rgba(10,39,27,.40) 100%
 );
}
.pc-sitemap-hero-content {
 position: relative;
 z-index: 2;
 width: 100%;
 padding:
 100px
 0;
}
.pc-sitemap-eyebrow {
 margin-bottom: 19px;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 color: #b8e58f;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .16em;
 text-transform: uppercase;
}
.pc-sitemap-eyebrow::before {
 content: "";
 width: 30px;
 height: 2px;
 display: block;
 background: var(--pc-green-hover);
}
.pc-sitemap-hero h1 {
 max-width: 820px;
 margin:
 0
 0
 22px;
 color: #ffffff;
 font-size:
 clamp(
 44px,
 5vw,
 66px
 );
 font-weight: 500;
 line-height: 1.03;
 letter-spacing: -.045em;
}
.pc-sitemap-hero p {
 max-width: 730px;
 margin: 0;
 color:
 rgba(255,255,255,.85);
 font-size: 17px;
 line-height: 1.75;
}
.pc-sitemap-intro {
 padding:
 80px
 0
 42px;
 background:
 linear-gradient(
 180deg,
 #f6f9f4 0%,
 #ffffff 250px
 );
}
.pc-sitemap-intro-wrap {
 max-width: 850px;
}
.pc-sitemap-tag {
 margin-bottom: 12px;
 display: inline-block;
 color: var(--pc-green);
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .15em;
 text-transform: uppercase;
}
.pc-sitemap-intro h2 {
 margin:
 0
 0
 20px;
 color: var(--pc-green-deep);
 font-size:
 clamp(
 32px,
 4vw,
 46px
 );
 font-weight: 500;
 line-height: 1.1;
 letter-spacing: -.03em;
}
.pc-sitemap-intro p {
 margin: 0;
 color: var(--pc-muted);
 font-size: 16px;
 line-height: 1.8;
}
.pc-sitemap-content {
 padding:
 25px
 0
 95px;
 background: #ffffff;
}
.pc-sitemap-grid {
 display: grid;
 grid-template-columns:
 repeat(2,minmax(0,1fr));
 gap: 24px;
}
.pc-sitemap-card {
 padding:
 31px
 30px;
 border:
 1px solid
 var(--pc-border);
 border-radius: 22px;
 background: #ffffff;
 box-shadow:
 0
 13px
 34px
 rgba(25,67,47,.065);
 transition:
 transform .25s ease,
 box-shadow .25s ease,
 border-color .25s ease;
}
.pc-sitemap-card:hover {
 transform: translateY(-4px);
 border-color:
 rgba(108,164,66,.25);
 box-shadow:
 0
 20px
 44px
 rgba(25,67,47,.10);
}
.pc-sitemap-card-head {
 margin-bottom: 23px;
 padding-bottom: 18px;
 border-bottom:
 1px solid
 var(--pc-border);
}
.pc-sitemap-card-number {
 margin-bottom: 9px;
 display: block;
 color: var(--pc-green);
 font-size: 10px;
 font-weight: 800;
 letter-spacing: .15em;
}
.pc-sitemap-card h2 {
 margin: 0;
 color: var(--pc-green-deep);
 font-size: 25px;
 font-weight: 600;
 line-height: 1.25;
}
.pc-sitemap-links {
 margin: 0;
 padding: 0;
 list-style: none;
}
.pc-sitemap-links li {
 border-bottom:
 1px solid
 rgba(25,67,47,.075);
}
.pc-sitemap-links li:last-child {
 border-bottom: 0;
}
.pc-sitemap-links a {
 position: relative;
 width: 100%;
 padding:
 13px
 30px
 13px
 0;
 display: block;
 color:
 var(--pc-muted) !important;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.45;
 transition:
 color .2s ease,
 padding-left .2s ease;
}
.pc-sitemap-links a::after {
 content: "→";
 position: absolute;
 right: 3px;
 top: 12px;
 color: var(--pc-green);
 transition:
 transform .2s ease;
}
.pc-sitemap-links a:hover {
 padding-left: 5px;
 color:
 var(--pc-green-dark) !important;
}
.pc-sitemap-links a:hover::after {
 transform: translateX(4px);
}
.pc-sitemap-card-featured {
 background:
 linear-gradient(
 135deg,
 var(--pc-green-dark),
 var(--pc-green-deep)
 );
}
.pc-sitemap-card-featured .pc-sitemap-card-head {
 border-color:
 rgba(255,255,255,.12);
}
.pc-sitemap-card-featured .pc-sitemap-card-number {
 color: #b8e58f;
}
.pc-sitemap-card-featured h2 {
 color: #ffffff;
}
.pc-sitemap-card-featured .pc-sitemap-links li {
 border-color:
 rgba(255,255,255,.10);
}
.pc-sitemap-card-featured .pc-sitemap-links a {
 color:
 rgba(255,255,255,.75) !important;
}
.pc-sitemap-card-featured .pc-sitemap-links a::after {
 color: #b8e58f;
}
.pc-sitemap-card-featured .pc-sitemap-links a:hover {
 color: #ffffff !important;
}
.pc-sitemap-contact {
 margin-top: 24px;
 padding:
 34px
 38px;
 border:
 1px solid
 rgba(108,164,66,.18);
 border-radius: 22px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 30px;
 background:
 linear-gradient(
 135deg,
 #edf5e8,
 #fafcf8
 );
}
.pc-sitemap-contact-copy {
 max-width: 720px;
}
.pc-sitemap-contact-copy strong {
 margin-bottom: 7px;
 display: block;
 color: var(--pc-green-dark);
 font-size: 20px;
 font-weight: 700;
}
.pc-sitemap-contact-copy p {
 margin: 0;
 color: var(--pc-muted);
 font-size: 14px;
 line-height: 1.7;
}
.pc-sitemap-button {
 min-height: 48px;
 padding:
 0
 24px;
 border-radius: 999px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 color: #ffffff !important;
 background: var(--pc-green-dark);
 font-size: 13px;
 font-weight: 700;
 transition:
 background .22s ease,
 transform .22s ease,
 box-shadow .22s ease;
}
.pc-sitemap-button:hover {
 color: #ffffff !important;
 background: var(--pc-green);
 transform: translateY(-2px);
 box-shadow:
 0 12px 28px
 rgba(25,67,47,.18);
}
@media (max-width: 850px) {
 .pc-sitemap-grid {
 grid-template-columns: 1fr;
 }
}
@media (max-width: 650px) {
 .pc-sitemap-container {
 padding:
 0
 20px;
 }
 .pc-sitemap-hero {
 min-height: 500px;
 }
 .pc-sitemap-hero-overlay {
 background:
 rgba(8,31,21,.75);
 }
 .pc-sitemap-hero-content {
 padding:
 80px
 0;
 }
 .pc-sitemap-hero h1 {
 font-size: 39px;
 }
 .pc-sitemap-hero p {
 font-size: 15px;
 }
 .pc-sitemap-intro {
 padding:
 60px
 0
 32px;
 }
 .pc-sitemap-intro h2 {
 font-size: 31px;
 }
 .pc-sitemap-content {
 padding-bottom: 65px;
 }
 .pc-sitemap-card {
 padding:
 26px
 21px;
 border-radius: 19px;
 }
 .pc-sitemap-card h2 {
 font-size: 22px;
 }
 .pc-sitemap-contact {
 padding:
 28px
 22px;
 flex-direction: column;
 align-items: flex-start;
 }
 .pc-sitemap-button {
 width: 100%;
 }
}