body, body * { font-family: 'Poppins', sans-serif; }


body {
  background-color: #5b0099;
  color: white;
  overflow-x: hidden;
}

body {
        background-color: #5b0099;
        color: white;
        overflow-x: hidden;
    }
    .textchicaspremios{
        font-size: 20px;
    }
    .text-5xlchicas {
    font-size: 2.3rem!important;
    line-height: 1;
    display: block;
}
@min width{
.lg\:px-16{
	padding-left: 10rem!important;
        padding-right: 10rem!important;
}}


.text-yellow{
    color:#ffc800
}
    .lg\:w-\[500px\] {
        width: 500px;
        height: auto!important;
    }
    .h-48chicas {
    height: 19rem;
}
  .h-48chicas2 {
    height: 14rem;
}
    span.text-white.text-5xl {
    display: block;
}

    .md\:p-12 {
        padding: 3rem;
        padding-top: 0px !important;
    }
    
    .custom-scrollbar::-webkit-scrollbar {
        width: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #ffc800;
        border-radius: 10px;
    }

   
    @media (min-width: 1024px) {
        .horizontal-section {
            height: 350vh;
            position: relative;
        }
        .horizontal-sticky {
            position: sticky;
            top: 0;
            height: 100vh;
            width: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
        }
        
      
        .mask-left {
            position: relative;
            z-index: 50; 
            background-color: #5b0099; 
        }
        
       
        .mask-extension {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 100%; 
            width: 100vw; 
            background-color: #5b0099;
            z-index: 50;
        }

        
        .horizontal-track {
            display: flex;
            gap: 4rem;
            width: max-content;
            padding-right: 50vw;
            will-change: transform;
            z-index: 10; 
            padding-left: 4rem;
        }
    }
    
   
    @media (max-width: 1023px) {
        .horizontal-section {
            height: auto;
            padding-bottom: 4rem;
        }
        .horizontal-sticky {
            position: relative;
            height: auto;
            display: block;
        }
        .horizontal-track {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            padding: 0 1rem;
            transform: none !important;
        }
        .mask-extension { display: none; }
    }
    
    .card-expandable {
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
   
    .card-expandable.expanded {
        grid-column: span 1;
        height: auto !important; /* Force auto height */
        z-index: 40;
        cursor: default;
        border-color: #ffc800;
        box-shadow: 0 0 50px rgba(0,0,0,0.5);
    }
    
    @media (min-width: 640px) {
        .card-expandable.expanded { grid-column: span 2; }
    }
    
    @media (min-width: 1024px) {
        .card-expandable.expanded { grid-column: span 4; }
    }

   
    .collapsed-view {
        opacity: 1;
        transition: opacity 0.3s ease;
        position: absolute;
        inset: 0;
        pointer-events: none;
    }
    
    .expanded-view {
        opacity: 0;
        pointer-events: none;
        position: relative; 
        display: none; 
        flex-direction: column;
        transition: opacity 0.5s ease 0.2s;
    }

    .card-expandable.expanded .collapsed-view {
        opacity: 0;
    }

    .card-expandable.expanded .expanded-view {
        opacity: 1;
        pointer-events: auto;
        display: flex; 
    }

    .modal-open { overflow: hidden; }
    
    
    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in {
        animation: fadeInUp 0.6s ease-out forwards;
    }

   
.impact-metrics{
  display:flex;
  flex-direction:column;
  gap:14px;
}


.impact-metric{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:14px 14px;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:16px;
  background:rgba(255,255,255,0.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}


.impact-metric:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.18);
}


.impact-num{
  font-weight:900;
  line-height:1;
  letter-spacing:-0.02em;
  font-size: clamp(28px, 3vw, 40px);
  color: #ffc800;
  text-shadow: 0 0 22px rgba(168,85,247,0.25);
  min-width: 92px; /* alinea la columna de números */
}

/* texto descriptivo */
.impact-label{
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.80);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.reporte2025 .overflow-hidden > img,
.reporte2025 .overflow-hidden > a > img,
.reporte2025 img.w-full.h-full.object-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body.page-slug-reporte2025 .site-main,
body.page-slug-reporte2025 .elementor-section,
body.page-slug-reporte2025 .elementor-container,
body.page-slug-reporte2025 .elementor-widget-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
body.page-slug-reporte2025 .elementor-widget-html {
  padding: 0 !important;
}

/* ====== REPORTE 2025: matar el "boxed container" de WP/Elementor en mobile ====== */
body.page-slug-reporte2025,
body.page-slug-reporte2025 #page,
body.page-slug-reporte2025 .site,
body.page-slug-reporte2025 .site-content,
body.page-slug-reporte2025 .content-area,
body.page-slug-reporte2025 .entry-content,
body.page-slug-reporte2025 .elementor,
body.page-slug-reporte2025 .elementor-section,
body.page-slug-reporte2025 .elementor-container,
body.page-slug-reporte2025 .elementor-column,
body.page-slug-reporte2025 .elementor-widget-wrap,
body.page-slug-reporte2025 .elementor-widget-container {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.page-slug-reporte2025 {
  overflow-x: hidden !important;
}