.elementor-543 .elementor-element.elementor-element-36e4911{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.4;--padding-top:230px;--padding-bottom:230px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-36e4911:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-36e4911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.grupoecoplaza.com.pe/wp-content/uploads/2025/07/hi-nuestro-compromiso-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-543 .elementor-element.elementor-element-36e4911::before, .elementor-543 .elementor-element.elementor-element-36e4911 > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-36e4911 > .e-con-inner > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-36e4911 > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-36e4911 > .e-con-inner > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-36e4911 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000F0;--background-overlay:'';}.elementor-543 .elementor-element.elementor-element-8d332cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-4bf79de > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-543 .elementor-element.elementor-element-4bf79de{text-align:center;}.elementor-543 .elementor-element.elementor-element-4bf79de .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-13e652c.elementor-element{--align-self:center;}.elementor-543 .elementor-element.elementor-element-13e652c{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-bac60c5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:5px;--margin-left:0px;--margin-right:0px;}.elementor-543 .elementor-element.elementor-element-014bda7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:5px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-dfc4fc3 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-543 .elementor-element.elementor-element-dfc4fc3{text-align:center;}.elementor-543 .elementor-element.elementor-element-dfc4fc3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;color:#535A69;}.elementor-543 .elementor-element.elementor-element-dfc4fc3 .elementor-heading-title a:hover, .elementor-543 .elementor-element.elementor-element-dfc4fc3 .elementor-heading-title a:focus{color:#0E2B50;}.elementor-543 .elementor-element.elementor-element-3748a50 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-543 .elementor-element.elementor-element-3748a50{text-align:center;}.elementor-543 .elementor-element.elementor-element-3748a50 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;color:#535A69;}.elementor-543 .elementor-element.elementor-element-3748a50 .elementor-heading-title a:hover, .elementor-543 .elementor-element.elementor-element-3748a50 .elementor-heading-title a:focus{color:#0E2B50;}.elementor-543 .elementor-element.elementor-element-de0da33 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-543 .elementor-element.elementor-element-de0da33{text-align:center;}.elementor-543 .elementor-element.elementor-element-de0da33 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;color:#535A69;}.elementor-543 .elementor-element.elementor-element-de0da33 .elementor-heading-title a:hover, .elementor-543 .elementor-element.elementor-element-de0da33 .elementor-heading-title a:focus{color:#0E2B50;}.elementor-543 .elementor-element.elementor-element-0c901ab{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:25px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-0c901ab::before, .elementor-543 .elementor-element.elementor-element-0c901ab > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-0c901ab > .e-con-inner > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-0c901ab > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-0c901ab > .e-con-inner > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-0c901ab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:rgba(0,0,0,0);--background-overlay:'';}.elementor-543 .elementor-element.elementor-element-b71e4eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-e34236a{text-align:center;}.elementor-543 .elementor-element.elementor-element-e34236a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;color:#071226;}.elementor-543 .elementor-element.elementor-element-8c87622 > .elementor-widget-container{margin:-10px 0px -30px 0px;}.elementor-543 .elementor-element.elementor-element-8c87622{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#071226;}.elementor-543 .elementor-element.elementor-element-d512124{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-543 .elementor-element.elementor-element-c730520{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-543 .elementor-element.elementor-element-c730520:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-c730520 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#33BC66;}.elementor-543 .elementor-element.elementor-element-e9f8262 img{width:43%;}.elementor-543 .elementor-element.elementor-element-4fefa1a{text-align:center;}.elementor-543 .elementor-element.elementor-element-4fefa1a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-2a12b97{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-7f778ce{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-543 .elementor-element.elementor-element-7f778ce:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-7f778ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18BE9B;}.elementor-543 .elementor-element.elementor-element-fce9306 img{width:43%;}.elementor-543 .elementor-element.elementor-element-63fa0dc{text-align:center;}.elementor-543 .elementor-element.elementor-element-63fa0dc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-4f6081a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-d25a63e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-543 .elementor-element.elementor-element-d25a63e:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-d25a63e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081225;}.elementor-543 .elementor-element.elementor-element-0bdb716 img{width:43%;}.elementor-543 .elementor-element.elementor-element-b26c3cd{text-align:center;}.elementor-543 .elementor-element.elementor-element-b26c3cd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-6ececda{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-543 .elementor-element.elementor-element-7cdaa2d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-173c62b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-173c62b::before, .elementor-543 .elementor-element.elementor-element-173c62b > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-173c62b > .e-con-inner > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-173c62b > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-173c62b > .e-con-inner > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-173c62b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:rgba(0,0,0,0);--background-overlay:'';}.elementor-543 .elementor-element.elementor-element-c9b1298{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-f0f1245 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-543 .elementor-element.elementor-element-f0f1245{text-align:center;}.elementor-543 .elementor-element.elementor-element-f0f1245 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;color:#071226;}.elementor-543 .elementor-element.elementor-element-9d8926c > .elementor-widget-container{padding:0px 0px 0px 120px;}.elementor-543 .elementor-element.elementor-element-89adb5f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:25px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-89adb5f::before, .elementor-543 .elementor-element.elementor-element-89adb5f > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-89adb5f > .e-con-inner > .elementor-background-video-container::before, .elementor-543 .elementor-element.elementor-element-89adb5f > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-89adb5f > .e-con-inner > .elementor-background-slideshow::before, .elementor-543 .elementor-element.elementor-element-89adb5f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:rgba(0,0,0,0);--background-overlay:'';}.elementor-543 .elementor-element.elementor-element-7dd1819{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-f713d60{text-align:center;}.elementor-543 .elementor-element.elementor-element-f713d60 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:700;color:#071226;}.elementor-543 .elementor-element.elementor-element-288e32c{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:1px;--padding-right:1px;}.elementor-543 .elementor-element.elementor-element-288e32c:not(.elementor-motion-effects-element-type-background), .elementor-543 .elementor-element.elementor-element-288e32c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071226;}.elementor-543 .elementor-element.elementor-element-01ab4cf img{width:15%;}.elementor-543 .elementor-element.elementor-element-bcfee75{text-align:center;}.elementor-543 .elementor-element.elementor-element-bcfee75 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:500;color:#071226;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-543 .elementor-element.elementor-element-36e4911{--content-width:900px;}.elementor-543 .elementor-element.elementor-element-8d332cf{--width:100%;}.elementor-543 .elementor-element.elementor-element-b71e4eb{--width:100%;}.elementor-543 .elementor-element.elementor-element-7cdaa2d{--width:70%;}.elementor-543 .elementor-element.elementor-element-c9b1298{--width:100%;}.elementor-543 .elementor-element.elementor-element-7dd1819{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-543 .elementor-element.elementor-element-b71e4eb{--width:100%;}.elementor-543 .elementor-element.elementor-element-c9b1298{--width:100%;}.elementor-543 .elementor-element.elementor-element-7dd1819{--width:100%;}}@media(max-width:1024px){.elementor-543 .elementor-element.elementor-element-36e4911{--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-543 .elementor-element.elementor-element-0c901ab{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-543 .elementor-element.elementor-element-d512124{--grid-auto-flow:row;}.elementor-543 .elementor-element.elementor-element-173c62b{--padding-top:20px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-543 .elementor-element.elementor-element-9d8926c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-543 .elementor-element.elementor-element-89adb5f{--padding-top:20px;--padding-bottom:40px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-543 .elementor-element.elementor-element-36e4911{--min-height:90vh;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-543 .elementor-element.elementor-element-4bf79de .elementor-heading-title{font-size:38px;}.elementor-543 .elementor-element.elementor-element-13e652c{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-size:15px;}.elementor-543 .elementor-element.elementor-element-bac60c5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-543 .elementor-element.elementor-element-014bda7{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-543 .elementor-element.elementor-element-dfc4fc3{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-543 .elementor-element.elementor-element-dfc4fc3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-543 .elementor-element.elementor-element-dfc4fc3 .elementor-heading-title{font-size:12px;}.elementor-543 .elementor-element.elementor-element-3748a50{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-543 .elementor-element.elementor-element-3748a50 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-543 .elementor-element.elementor-element-3748a50 .elementor-heading-title{font-size:12px;}.elementor-543 .elementor-element.elementor-element-de0da33{width:var( --container-widget-width, 22% );max-width:22%;--container-widget-width:22%;--container-widget-flex-grow:0;}.elementor-543 .elementor-element.elementor-element-de0da33 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-543 .elementor-element.elementor-element-de0da33 .elementor-heading-title{font-size:12px;}.elementor-543 .elementor-element.elementor-element-0c901ab{--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-543 .elementor-element.elementor-element-b71e4eb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-d512124{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-543 .elementor-element.elementor-element-173c62b{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-543 .elementor-element.elementor-element-c9b1298{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-89adb5f{--padding-top:10px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-7dd1819{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-543 .elementor-element.elementor-element-f713d60 .elementor-heading-title{font-size:28px;}.elementor-543 .elementor-element.elementor-element-01ab4cf img{width:30%;}.elementor-543 .elementor-element.elementor-element-bcfee75 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-f3da292 */.pilares-container {
  text-align: center;
  padding: 20px;
}
.titulo-estrategia {
  font-size: 32px;
  color: #1AB07A;
  font-weight: bold;
}
.subtitulo {
  margin-bottom: 30px;
  color: #555;
}

.pilar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  background: #f5f5f5;
  border-radius: 40px;
  padding: 12px 20px;
  margin: 15px auto;
  max-width: 400px;
  cursor: pointer;
  color: white;
  transition: all 0.3s ease;
  border: 3px solid transparent;
}
.pilar span {
  font-size: 20px;
  font-weight: bold;
}
.pilar img {
  width: 40px;
  height: 40px;
}

/* Color base para cada botón */
.pilar.desarrollo {
  background: #33bc66; 
  border: 2px solid transparent;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.pilar.sostenibilidad {
  background: #18be9b;
  border: 2px solid transparent;
}

/*.pilar.seguridad {
  background: #F2C313B0;
  border: 2px solid transparent;
  border-color: #f2c313;
}*/

.pilar.colaboracion {
  background: #081225;
  border: 2px solid transparent;
}

/* Hover: tonalidad más intensa */
.pilar.desarrollo:hover {
  background: #33bc66;
  border-color: #33bc66;
  color: white; 
}

.pilar.sostenibilidad:hover {
  background: #18be9b;
  border-color: #18be9b;
  color: white;
}

.pilar.seguridad:hover {
  background: #f2c313;
  border-color: #f2c313;
  color: white;
}

.pilar.colaboracion:hover {
  background: #081225;
  border-color: #081225;
  color: white;
}


/* POPUP */
.popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}
.popup-content {
  background-color: white;
  padding: 30px 20px;
  border-radius: 12px;
  text-align: left;
  max-width: 400px;
  width: 90%;
  color: white;
  position: relative;
}
.popup-content img {
  width: 60px;
  display: block;
  margin: 0 auto 10px;
}
.popup-content h3 {
  text-align: center;
  color: white;
  margin-bottom: 15px;
}
.popup-content ul {
  padding-left: 0;
  list-style: none;
  color: white;
}

.popup-content li {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif !important;
  color: white;
}

.popup-content li::before {
  content: "✔";
  color: white;
  margin-right: 8px;
  font-weight: bold;
}

/* Colores por pilar */
.popup-content.desarrollo { background-color: #33bc66; }
.popup-content.sostenibilidad { background-color: #18be9b; }
.popup-content.seguridad { background-color: #f2c313; }
.popup-content.colaboracion { background-color: #081225; }

.cerrar {
  position: absolute;
  top: 8px; right: 12px;
  font-size: 56px;
  cursor: pointer;
  color: white;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d8926c *//* --- wrapper carrusel --- */

.cards-wrapper{
    display:flex;
    gap:20px;
    overflow-x:auto;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;}
    
.card-toggle{
    flex:0 0 280px;
    scroll-snap-align:start;
    position:relative;
    font-family:sans-serif;}
    
.card-toggle input{display:none}

.image-wrapper{
    position:relative;
    overflow:hidden;
    border-radius:12px}
    
.image-wrapper img{
    width:100%;
    height: 280px;
    object-fit: cover;
    display:block;
    transition:opacity .3s}
    
.expand-btn{
    position:absolute;
    bottom:0;
    width:100%;
    padding:12px;
    text-align:center;
    border:none;
    font-weight:bold;
    font-size:16px;
    color:#fff;
    cursor:pointer;
    z-index:2}
    
.overlay-text{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px;
    color:#fff;
    padding:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    opacity:0;
    pointer-events:none;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(20px);}

/* efecto toggle */
.card-toggle input:checked~.image-wrapper img{
    opacity:.3}

.card-toggle input:checked~.image-wrapper .overlay-text{
    opacity:1;
    pointer-events:auto;
    transform: translateY(0);
}

/* colores personalizados */
.card-toggle.social       .overlay-text{background:rgba(51, 188, 102, 0.75)}
.card-toggle.socio        .overlay-text{background:rgba(24, 190, 155, 0.75)}
.card-toggle.ambiental    .overlay-text{background:rgba(7, 18, 38, 0.75)}

.card-toggle.social    .expand-btn{background:#33bc66}
.card-toggle.socio     .expand-btn{background:#18be9b}
.card-toggle.ambiental .expand-btn{background:#071226}

/* --- Para pantallas con hover (ej: PC) --- */
@media (hover: hover) {
  /* Desactiva el efecto por checkbox en desktop */
  .card-toggle input:checked ~ .image-wrapper img,
  .card-toggle input:checked ~ .image-wrapper .overlay-text {
    opacity: unset;
    pointer-events: none;
    transform: none;
  }

  /* Activa hover en desktop */
  .card-toggle .image-wrapper:hover img {
    opacity: 0.3;
  }

  .card-toggle .image-wrapper:hover .overlay-text {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}/* End custom CSS */