/* =========================================================
   EPROM Base - estilos de la portada maquetada en Elementor
   Elementor guarda la ESTRUCTURA y el CONTENIDO.
   Este archivo guarda el ESTILO (colores desde Personalizar).
   Cada bloque de Elementor lleva una clase CSS "ep-*".
   ========================================================= */

/*  NOTA: todos los selectores van prefijados con body.ep-body para
    ganarle en especificidad al Kit global de Elementor (colores y
    fuentes por defecto), que se encola despues del CSS del tema.  */

/* ---------- utilidades de grilla (funcionan en contenedor y en columna) ---------- */
body.ep-body .ep-row,body.ep-body .ep-row > .e-con-inner,body.ep-body .ep-grid-3,body.ep-body .ep-grid-3 > .e-con-inner,body.ep-body .ep-grid-4,body.ep-body .ep-grid-4 > .e-con-inner,body.ep-body .ep-grid-5,body.ep-body .ep-grid-5 > .e-con-inner,body.ep-body .ep-grid-6,body.ep-body .ep-grid-6 > .e-con-inner{display:grid!important;align-items:stretch}body.ep-body .ep-grid-3,body.ep-body .ep-grid-3 > .e-con-inner{grid-template-columns:repeat(3,minmax(0,1fr))}body.ep-body .ep-grid-4,body.ep-body .ep-grid-4 > .e-con-inner{grid-template-columns:repeat(4,minmax(0,1fr))}body.ep-body .ep-grid-5,body.ep-body .ep-grid-5 > .e-con-inner{grid-template-columns:repeat(5,minmax(0,1fr))}body.ep-body .ep-grid-6,body.ep-body .ep-grid-6 > .e-con-inner{grid-template-columns:repeat(6,minmax(0,1fr))}body.ep-body .ep-row > .e-con,body.ep-body .ep-grid-3 > .e-con,body.ep-body .ep-grid-4 > .e-con,body.ep-body .ep-grid-5 > .e-con,body.ep-body .ep-grid-6 > .e-con,body.ep-body .ep-row > .e-con-inner > .e-con,body.ep-body .ep-grid-3 > .e-con-inner > .e-con,body.ep-body .ep-grid-4 > .e-con-inner > .e-con,body.ep-body .ep-grid-5 > .e-con-inner > .e-con,body.ep-body .ep-grid-6 > .e-con-inner > .e-con{width:auto!important;max-width:none!important;margin:0!important}body.ep-body .ep-wrap,body.ep-body .ep-wrap > .e-con-inner{width:100%!important;max-width:var(--ep-container)!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}body.ep-body .ep-section{padding:74px 0!important}body.ep-body .ep-section--light{background:var(--ep-light)}body.ep-body .ep-stack,body.ep-body .ep-stack > .e-con-inner{display:flex!important;flex-direction:column}

/* ---------- titulos de seccion ---------- */
body.ep-body .ep-h2{position:relative;text-align:center;padding-bottom:16px!important;margin-bottom:40px!important}body.ep-body .ep-h2 .elementor-heading-title{font-family:var(--ep-font-head);font-size:clamp(24px,2.3vw,32px);font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--ep-text);margin:0}body.ep-body .ep-h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:58px;height:3px;background:var(--ep-primary)}

/* ---------- botones ---------- */
body.ep-body .ep-btn-primary .elementor-button{background:var(--ep-primary);color:#fff;font-family:var(--ep-font-head);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:17px 30px;fill:#fff}body.ep-body .ep-btn-primary .elementor-button:hover{background:var(--ep-primary-dark);color:#fff}body.ep-body .ep-btn-outline{text-align:center}body.ep-body .ep-btn-outline .elementor-button{background:transparent;border:1px solid var(--ep-primary);color:var(--ep-primary);font-family:var(--ep-font-head);font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:2px;padding:13px 26px}body.ep-body .ep-btn-outline .elementor-button:hover{background:var(--ep-primary);color:#fff}body.ep-body .ep-btn-wa .elementor-button{background:var(--ep-wa);color:#fff;font-family:var(--ep-font-body);font-size:12px;font-weight:700;letter-spacing:.02em;border-radius:3px;padding:11px 14px;width:100%;justify-content:center}body.ep-body .ep-btn-wa .elementor-button:hover{background:#1DAE55;color:#fff}body.ep-body .ep-btn-white .elementor-button{background:#fff;color:var(--ep-primary);font-family:var(--ep-font-head);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:12px 22px}

/* =========================================================
   HERO + TARJETA DE CATEGORIAS
   ========================================================= */
body.ep-body .ep-hero{position:relative;background-color:#1B1B1B;background-size:cover;background-position:center;padding:0!important}body.ep-body .ep-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.28) 0%,rgba(10,10,10,.52) 42%,rgba(10,10,10,.86) 100%);pointer-events:none}body.ep-body .ep-hero > .e-con-inner,body.ep-body .ep-hero > .e-con,body.ep-body .ep-hero .ep-hero-body{position:relative;z-index:2}body.ep-body .ep-hero-body,body.ep-body .ep-hero-body > .e-con-inner{display:flex!important;flex-direction:column;padding-top:26px!important}

/* tarjeta blanca flotante */
body.ep-body .ep-catcard{background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.28);padding:0!important;overflow:hidden}body.ep-body .ep-cat-tile{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "img img";align-items:center;gap:10px 12px;padding:22px 18px 18px!important;border-right:1px solid #E8E8E8}body.ep-body .ep-cat-tile:last-child{border-right:0}body.ep-body .ep-cat-icon{grid-area:icon;margin:0!important}body.ep-body .ep-cat-icon img{width:34px;height:34px}body.ep-body .ep-cat-label{grid-area:label;margin:0!important}body.ep-body .ep-cat-label .elementor-heading-title{font-family:var(--ep-font-head);font-size:13px;font-weight:800;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;color:var(--ep-text)}body.ep-body .ep-cat-img{grid-area:img;margin-top:6px!important}body.ep-body .ep-cat-img img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* franja de liquidacion dentro de la tarjeta */
body.ep-body .ep-liq-strip,body.ep-body .ep-liq-strip > .e-con-inner{display:grid!important;grid-template-columns:1.05fr 1.7fr .8fr;align-items:stretch;background:#EFEFEF;padding:0!important}body.ep-body .ep-liq-left{background:var(--ep-primary);display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon text" "icon btn";align-content:center;gap:2px 16px;padding:22px 26px!important}body.ep-body .ep-liq-icon{grid-area:icon;align-self:center;margin:0!important}body.ep-body .ep-liq-icon img{width:56px;height:56px;filter:brightness(0) invert(1)}body.ep-body .ep-liq-title{grid-area:title;margin:0!important}body.ep-body .ep-liq-title .elementor-heading-title{font-family:var(--ep-font-head);font-size:20px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff;line-height:1.1}body.ep-body .ep-liq-text{grid-area:text;margin:4px 0 10px!important;color:#fff}body.ep-body .ep-liq-text p{margin:0;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.92)}body.ep-body .ep-liq-btn{grid-area:btn;margin:0!important}body.ep-body .ep-liq-imgs,body.ep-body .ep-liq-imgs > .e-con-inner{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px!important}body.ep-body .ep-liq-imgs img{width:100%;height:100%;min-height:104px;object-fit:cover}body.ep-body .ep-liq-right{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 18px!important;gap:0}body.ep-body .ep-liq-right .elementor-widget{margin:0!important}body.ep-body .ep-liq-kicker .elementor-heading-title{font-family:var(--ep-font-head);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6B6B6B;line-height:1.3}body.ep-body .ep-liq-big .elementor-heading-title{font-family:var(--ep-font-head);font-size:52px;font-weight:800;line-height:1;color:var(--ep-primary)}body.ep-body .ep-liq-foot .elementor-heading-title{font-family:var(--ep-font-head);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6B6B6B}

/* copy del hero */
body.ep-body .ep-hero-copy{max-width:660px;padding:70px 0 44px!important}body.ep-body .ep-eyebrow{margin:0 0 18px!important}body.ep-body .ep-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:16px;font-family:var(--ep-font-head);font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#EDEDED}body.ep-body .ep-eyebrow .elementor-heading-title::after{content:"";width:42px;height:2px;background:var(--ep-primary)}body.ep-body .ep-h1{margin:0 0 22px!important;max-width:560px}body.ep-body .ep-h1 .elementor-heading-title{font-family:var(--ep-font-head);font-size:clamp(38px,5vw,68px);font-weight:800;line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:#fff}body.ep-body .ep-hero-text{margin:0 0 32px!important;max-width:430px}body.ep-body .ep-hero-text p{margin:0;font-size:16px;line-height:1.65;color:#E6E6E6}

/* franja inferior del hero */
body.ep-body .ep-hero-bottom,body.ep-body .ep-hero-bottom > .e-con-inner{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:34px;padding:0 0 52px!important}body.ep-body .ep-trust,body.ep-body .ep-trust > .e-con-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;padding:0!important}body.ep-body .ep-trust-item{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:4px 20px!important;border-left:1px solid rgba(255,255,255,.28)}body.ep-body .ep-trust-item .elementor-widget{margin:0!important}body.ep-body .ep-trust-item img{width:26px;height:26px;filter:brightness(0) invert(1);opacity:.92}body.ep-body .ep-trust-item .elementor-heading-title{font-family:var(--ep-font-head);font-size:10.5px;font-weight:700;letter-spacing:.09em;line-height:1.35;text-transform:uppercase;color:#fff}body.ep-body .ep-wa-card{display:grid!important;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon text";align-items:center;gap:0 14px;background:#fff;border-radius:8px;padding:16px 46px 16px 20px!important;position:relative;box-shadow:0 14px 34px rgba(0,0,0,.24);min-width:300px}body.ep-body .ep-wa-card::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border-top:2px solid #9C9C9C;border-right:2px solid #9C9C9C;transform:translateY(-50%) rotate(45deg)}body.ep-body .ep-wa-card .elementor-widget{margin:0!important}body.ep-body .ep-wa-icon{grid-area:icon}body.ep-body .ep-wa-icon img{width:36px;height:36px}body.ep-body .ep-wa-title{grid-area:title}body.ep-body .ep-wa-title .elementor-heading-title{font-family:var(--ep-font-head);font-size:15px;font-weight:800;color:var(--ep-text)}body.ep-body .ep-wa-text{grid-area:text}body.ep-body .ep-wa-text p{margin:0;font-size:12.5px;color:#7A7A7A}

/* =========================================================
   NUESTRA PROMESA
   ========================================================= */
body.ep-body .ep-promesa-item{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:6px 44px!important;border-right:1px solid #E4E4E4}body.ep-body .ep-promesa-item:last-child{border-right:0}body.ep-body .ep-promesa-item .elementor-widget{margin:0!important}body.ep-body .ep-promesa-item img{width:62px;height:62px}body.ep-body .ep-promesa-item .elementor-heading-title{font-family:var(--ep-font-head);font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ep-text);margin-top:6px}body.ep-body .ep-promesa-item .elementor-widget-text-editor p{margin:0;font-size:13.5px;line-height:1.7;color:#6E6E6E}

/* =========================================================
   PRODUCTOS DESTACADOS
   ========================================================= */
body.ep-body .ep-grid-5{gap:18px}body.ep-body .ep-prod-card{display:flex!important;flex-direction:column;gap:12px;background:#fff;border:1px solid #E4E4E4;padding:14px!important}body.ep-body .ep-prod-card .elementor-widget{margin:0!important}body.ep-body .ep-prod-card img{width:100%;aspect-ratio:1/1;object-fit:cover}body.ep-body .ep-prod-card .elementor-widget-heading{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;padding:2px 4px}body.ep-body .ep-prod-card .elementor-heading-title{font-family:var(--ep-font-body);font-size:14px;font-weight:700;line-height:1.4;text-align:center;color:var(--ep-text)}body.ep-body .ep-cta-row{padding-top:34px!important;text-align:center}

/* =========================================================
   PROYECTOS DESTACADOS
   ========================================================= */
body.ep-body .ep-grid-6{gap:14px}body.ep-body .ep-proy-item{display:flex!important;flex-direction:column;gap:10px;padding:0!important}body.ep-body .ep-proy-item .elementor-widget{margin:0!important}body.ep-body .ep-proy-item img{width:100%;aspect-ratio:4/3;object-fit:cover}body.ep-body .ep-proy-item .elementor-heading-title{font-family:var(--ep-font-body);font-size:12.5px;font-weight:600;line-height:1.4;text-align:center;color:#3A3A3A}

/* =========================================================
   BANNER LIQUIDACION
   ========================================================= */
body.ep-body .ep-banner-wrap{padding:0 0 74px!important}body.ep-body .ep-banner,body.ep-body .ep-banner > .e-con-inner{display:grid!important;grid-template-columns:.75fr 1.5fr .55fr auto;align-items:center;background:#fff;border:1px solid #E4E4E4;padding:0!important;overflow:hidden}body.ep-body .ep-banner-img{align-self:stretch;margin:0!important}body.ep-body .ep-banner-img img{width:100%;height:100%;min-height:96px;object-fit:cover}body.ep-body .ep-banner-copy{background:var(--ep-primary);align-self:stretch;display:flex!important;flex-direction:column;justify-content:center;gap:6px;padding:22px 34px 22px 56px!important;margin-left:-38px!important;clip-path:polygon(38px 0,100% 0,100% 100%,0 100%)}body.ep-body .ep-banner-copy .elementor-widget{margin:0!important}body.ep-body .ep-banner-copy .elementor-heading-title{font-family:var(--ep-font-head);font-size:clamp(20px,2vw,28px);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#fff;line-height:1.05}body.ep-body .ep-banner-copy .elementor-widget-text-editor p{margin:0;font-size:12px;font-weight:600;letter-spacing:.05em;line-height:1.5;text-transform:uppercase;color:rgba(255,255,255,.9)}body.ep-body .ep-banner-price{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:14px 12px!important}body.ep-body .ep-banner-price .elementor-widget{margin:0!important}body.ep-body .ep-banner-price .ep-price-kicker .elementor-heading-title{font-family:var(--ep-font-head);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B6B6B}body.ep-body .ep-banner-price .ep-price-big .elementor-heading-title{font-family:var(--ep-font-head);font-size:44px;font-weight:800;line-height:1;color:var(--ep-primary)}body.ep-body .ep-banner-btn{padding:14px 30px 14px 10px!important;margin:0!important}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1180px){body.ep-body .ep-grid-6,body.ep-body .ep-grid-6 > .e-con-inner{grid-template-columns:repeat(3,minmax(0,1fr))}body.ep-body .ep-grid-5,body.ep-body .ep-grid-5 > .e-con-inner{grid-template-columns:repeat(3,minmax(0,1fr))}body.ep-body .ep-cat-tile:nth-child(3n){border-right:0}body.ep-body .ep-liq-strip,body.ep-body .ep-liq-strip > .e-con-inner{grid-template-columns:1fr 1fr}body.ep-body .ep-liq-right{grid-column:1/-1;border-top:1px solid #E2E2E2}body.ep-body .ep-hero-bottom,body.ep-body .ep-hero-bottom > .e-con-inner{grid-template-columns:1fr}body.ep-body .ep-wa-card{min-width:0}
}
@media (max-width:900px){body.ep-body .ep-section{padding:52px 0!important}body.ep-body .ep-grid-3,body.ep-body .ep-grid-3 > .e-con-inner{grid-template-columns:1fr}body.ep-body .ep-promesa-item{border-right:0;border-bottom:1px solid #E4E4E4;padding:24px 12px!important}body.ep-body .ep-promesa-item:last-child{border-bottom:0}body.ep-body .ep-trust,body.ep-body .ep-trust > .e-con-inner{grid-template-columns:repeat(2,1fr);gap:18px 0}body.ep-body .ep-banner,body.ep-body .ep-banner > .e-con-inner{grid-template-columns:1fr}body.ep-body .ep-banner-copy{margin-left:0!important;clip-path:none;padding:24px!important}body.ep-body .ep-banner-btn{padding:0 24px 24px!important}
}
@media (max-width:640px){body.ep-body .ep-grid-6,body.ep-body .ep-grid-6 > .e-con-inner,body.ep-body .ep-grid-5,body.ep-body .ep-grid-5 > .e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))}body.ep-body .ep-cat-tile{border-right:0;border-bottom:1px solid #E8E8E8}body.ep-body .ep-liq-strip,body.ep-body .ep-liq-strip > .e-con-inner{grid-template-columns:1fr}body.ep-body .ep-hero-copy{padding:44px 0 32px!important}
}