/* Reciclaje de residuos electrónicos: qué son los RAEE */
.pc-post-page,
.pc-post-page * {
 box-sizing: border-box;
}
.pc-post-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: #1f2722;
 --pc-muted: #68716b;
 --pc-border: rgba(25,67,47,.10);
 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-post-page a {
 text-decoration: none !important;
}
.pc-post-page .pc-container {
 width: 100%;
 max-width: 1180px;
 margin: 0 auto;
 padding: 0 24px;
}
.pc-post-page .pc-btn {
 min-height: 48px;
 padding: 0 24px;
 border: 0;
 border-radius: 999px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 color: #ffffff !important;
 background: var(--pc-green-dark);
 font-size: 14px;
 font-weight: 700;
 line-height: 1;
 transition:
 background .25s ease,
 transform .25s ease,
 box-shadow .25s ease;
}
.pc-post-page .pc-btn:hover {
 color: #ffffff !important;
 background: var(--pc-green);
 transform: translateY(-2px);
 box-shadow:
 0 12px 28px
 rgba(25,67,47,.18);
}
.pc-post-page .pc-section-tag,
.pc-post-page .pc-eyebrow {
 display: inline-block;
 color: var(--pc-green);
 font-size: 11px;
 font-weight: 800;
 line-height: 1;
 letter-spacing: .16em;
 text-transform: uppercase;
}
.pc-post-hero {
 position: relative;
 min-height: 500px;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 background: var(--pc-green-dark);
}
.pc-post-hero-bg {
 position: absolute;
 inset: 0;
 z-index: 0;
 background-image:
 url('/wp-content/uploads/2026/08/reciclaje-residuos-electronicos.webp');
 background-size: cover;
 background-position: center center;
 transform: scale(1.03);
 animation:
 pcPostHeroZoom
 14s
 ease-in-out
 infinite alternate;
}
@keyframes pcPostHeroZoom {
 from {
 transform: scale(1.03);
 }
 to {
 transform: scale(1.07);
 }
}
.pc-post-hero-overlay {
 position: absolute;
 inset: 0;
 z-index: 1;
 background:
 linear-gradient(
 180deg,
 rgba(8,31,21,.58) 0%,
 rgba(8,31,21,.69) 50%,
 rgba(8,31,21,.82) 100%
 );
}
.pc-post-hero-content {
 position: relative;
 z-index: 2;
 width: 100%;
 padding-top: 80px;
 padding-bottom: 80px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
}
.pc-post-hero .pc-eyebrow {
 margin-bottom: 17px;
 color: #a9dc7a;
}
.pc-post-hero h1 {
 max-width: 980px;
 margin:
 0
 auto
 20px;
 color: #ffffff;
 font-size:
 clamp(
 40px,
 5vw,
 55px
 );
 font-weight: 500;
 line-height: 1.04;
 letter-spacing: -.045em;
 text-align: center;
}
.pc-post-intro {
 max-width: 720px;
 margin:
 0
 auto
 23px;
 color:
 rgba(255,255,255,.86);
 font-size: 17px;
 line-height: 1.65;
 text-align: center;
}
.pc-post-meta {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 gap: 9px;
}
.pc-post-meta span {
 min-height: 32px;
 padding:
 0
 13px;
 border:
 1px solid
 rgba(255,255,255,.22);
 border-radius: 999px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color:
 rgba(255,255,255,.88);
 background:
 rgba(255,255,255,.10);
 backdrop-filter: blur(8px);
 -webkit-backdrop-filter: blur(8px);
 font-size: 12px;
 font-weight: 600;
}
.pc-post-content {
 position: relative;
 padding:
 60px
 0
 80px;
 background:
 linear-gradient(
 180deg,
 #f6f9f4 0%,
 #ffffff 220px
 );
}
.pc-post-wrap {
 width: 100%;
 max-width: 920px !important;
 margin: 0 auto !important;
}
.pc-post-featured {
 position: relative;
 width: 100%;
 max-width: 720px;
 margin:
 0
 auto
 65px !important;
 padding: 0;
 border-radius: 22px;
 overflow: hidden;
 background: #edf1ec;
 box-shadow:
 0 18px 45px
 rgba(25,67,47,.10);
 text-align: center;
}
.pc-post-featured img {
 width: 100%;
 height: auto;
 max-width: 100%;
 max-height: 410px;
 margin: 0 auto !important;
 display: block;
 object-fit: cover;
 object-position: center center;
}
.pc-post-featured figcaption {
 width: 100%;
 margin: 0;
 padding:
 12px
 17px;
 border-top:
 1px solid
 var(--pc-border);
 color: var(--pc-muted);
 background: #ffffff;
 font-size: 12px;
 line-height: 1.5;
 text-align: left;
}
.pc-article-body {
 width: 100%;
 max-width: 800px;
 margin: 0 auto;
}
.pc-article-body h2 {
 margin:
 0
 0
 24px;
 color:
 var(--pc-green-deep);
 font-size:
 clamp(
 30px,
 3.6vw,
 43px
 );
 font-weight: 500;
 line-height: 1.12;
 letter-spacing: -.03em;
}
.pc-article-body h3 {
 position: relative;
 margin:
 42px
 0
 16px;
 padding-left: 17px;
 color:
 var(--pc-green-deep);
 font-size:
 clamp(
 22px,
 2.5vw,
 28px
 );
 font-weight: 600;
 line-height: 1.25;
 letter-spacing: -.02em;
}
.pc-article-body h3::before {
 content: "";
 position: absolute;
 top: 3px;
 bottom: 3px;
 left: 0;
 width: 5px;
 border-radius: 999px;
 background:
 var(--pc-green);
}
.pc-article-body p {
 margin:
 0
 0
 19px;
 color:
 var(--pc-muted);
 font-size: 16px;
 line-height: 1.85;
}
.pc-article-body strong {
 color:
 var(--pc-green-deep);
}
.pc-article-highlight {
 position: relative;
 margin:
 32px
 0
 36px;
 padding:
 27px
 29px;
 border:
 1px solid
 rgba(108,164,66,.17);
 border-radius: 19px;
 background:
 linear-gradient(
 135deg,
 #f8fbf6,
 #edf5e8
 );
 overflow: hidden;
}
.pc-article-highlight::after {
 content: "";
 position: absolute;
 top: -45px;
 right: -40px;
 width: 130px;
 height: 130px;
 border-radius: 50%;
 background:
 rgba(108,164,66,.10);
}
.pc-article-highlight strong {
 position: relative;
 z-index: 2;
 margin-bottom: 8px;
 display: block;
 color:
 var(--pc-green-deep);
 font-size: 20px;
 line-height: 1.3;
}
.pc-article-highlight p {
 position: relative;
 z-index: 2;
 margin: 0;
 color:
 var(--pc-muted);
}
.pc-raee-points {
 margin:
 35px
 0
 42px;
 display: grid;
 grid-template-columns:
 repeat(2,minmax(0,1fr));
 gap: 12px;
}
.pc-raee-point {
 min-height: 105px;
 padding: 20px;
 border:
 1px solid
 var(--pc-border);
 border-radius: 17px;
 display: flex;
 align-items: flex-start;
 gap: 13px;
 background:
 #fafcf9;
 transition:
 transform .25s ease,
 box-shadow .25s ease,
 border-color .25s ease;
}
.pc-raee-point:hover {
 border-color:
 rgba(108,164,66,.25);
 transform:
 translateY(-3px);
 box-shadow:
 0 12px 28px
 rgba(25,67,47,.07);
}
.pc-raee-icon {
 width: 34px;
 height: 34px;
 flex:
 0
 0
 34px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color:
 var(--pc-green-dark);
 background:
 var(--pc-green-light);
 font-size: 12px;
 font-weight: 800;
}
.pc-raee-point strong {
 margin-bottom: 4px;
 display: block;
 color:
 var(--pc-green-deep);
 font-size: 14px;
}
.pc-raee-point span {
 display: block;
 color:
 var(--pc-muted);
 font-size: 12px;
 line-height: 1.55;
}
.pc-info-box {
 margin:
 32px
 0;
 padding:
 23px
 25px;
 border:
 1px solid
 rgba(25,67,47,.10);
 border-radius: 17px;
 background:
 #f8faf7;
}
.pc-info-box strong {
 display: block;
 margin-bottom: 7px;
 color:
 var(--pc-green-deep);
 font-size: 15px;
}
.pc-info-box p {
 margin: 0;
 font-size: 14px;
 line-height: 1.7;
}
.pc-article-closing {
 margin-top: 38px;
 padding:
 25px
 27px;
 border-left:
 4px solid
 var(--pc-green);
 border-radius:
 0
 16px
 16px
 0;
 background:
 var(--pc-green-soft);
}
.pc-article-closing p {
 margin: 0;
}
.pc-article-end {
 width: 100%;
 max-width: 800px;
 margin:
 45px
 auto
 0;
 padding-top: 28px;
 border-top:
 1px solid
 var(--pc-border);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
}
.pc-article-end-text {
 color:
 var(--pc-muted);
 font-size: 12px;
 line-height: 1.5;
}
@media (max-width: 850px) {
 .pc-post-hero {
 min-height: 460px;
 }
 .pc-post-content {
 padding:
 50px
 0
 65px;
 }
 .pc-post-featured {
 max-width: 680px;
 margin-bottom:
 55px !important;
 }
}
@media (max-width: 600px) {
 .pc-post-page .pc-container {
 padding:
 0
 20px;
 }
 .pc-post-hero {
 min-height: 490px;
 }
 .pc-post-hero-bg {
 background-position:
 center center;
 }
 .pc-post-hero-overlay {
 background:
 linear-gradient(
 180deg,
 rgba(10,36,25,.48) 0%,
 rgba(10,36,25,.69) 50%,
 rgba(10,36,25,.89) 100%
 );
 }
 .pc-post-hero-content {
 padding:
 80px
 20px;
 }
 .pc-post-hero h1 {
 max-width: 100%;
 font-size: 36px;
 line-height: 1.06;
 }
 .pc-post-intro {
 font-size: 15px;
 line-height: 1.6;
 }
 .pc-post-meta {
 gap: 7px;
 }
 .pc-post-meta span {
 min-height: 30px;
 padding:
 0
 11px;
 font-size: 11px;
 }
 .pc-post-content {
 padding:
 42px
 0
 50px;
 }
 .pc-post-featured {
 width:
 calc(100% - 10px);
 max-width:
 100%;
 margin:
 0
 auto
 48px !important;
 border-radius:
 18px;
 }
 .pc-post-featured img {
 width: 100%;
 max-height:
 300px;
 margin:
 0
 auto !important;
 object-fit:
 cover;
 object-position:
 center center;
 }
 .pc-post-featured figcaption {
 padding:
 11px
 14px;
 font-size: 11px;
 }
 .pc-article-body h2 {
 margin-bottom:
 22px;
 font-size: 30px;
 line-height: 1.15;
 }
 .pc-article-body h3 {
 margin-top: 33px;
 font-size: 22px;
 }
 .pc-article-body p {
 font-size: 15px;
 line-height: 1.78;
 }
 .pc-article-highlight {
 padding:
 23px
 20px;
 border-radius: 17px;
 }
 .pc-article-highlight strong {
 font-size: 18px;
 }
 .pc-raee-points {
 grid-template-columns:
 1fr;
 }
 .pc-info-box {
 padding:
 20px
 18px;
 }
 .pc-article-closing {
 padding:
 21px
 19px;
 }
 .pc-article-end {
 margin-top: 35px;
 flex-direction: column;
 align-items: flex-start;
 }
 .pc-post-page .pc-btn {
 width: 100%;
 }
}
@media (max-width: 390px) {
 .pc-post-hero h1 {
 font-size: 32px;
 }
 .pc-article-body h2 {
 font-size: 28px;
 }
}