.info { 
    width: 94%;
    margin: 3%;
}

.info .ajuste{
    max-width: 1200px;
}

.info .content .h1,
.info .content h1{
    text-decoration: none;
    color: rgb(90, 90, 90);
    font-weight: bold;
    outline: 0px;
    letter-spacing: 1px;
    margin: 20px 0px;
    text-transform: uppercase;
}

.info .content h2{
    font-size: 135%;
    padding: 5px 0 20px;
    margin-top: 20px;
    color: #484848;
    letter-spacing: 1px;
    font-weight: bold;
    text-decoration: none;
    font-weight: bold;
}

.info .content h3{
    margin-bottom: 25px;
    margin-top: 20px;
    color: #484848;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
}

.info .content ul,
.info .content p{
    color: #353535;
    font-size: 13px;
    line-height: 18px;
    /* margin-bottom: 15px; */
    text-align: justify;
    font-weight: normal;
    margin: 20px 0;
    letter-spacing: 1px;
}

/* .info .content .imagenes{
    width: 100%;
    display: inline;
}

.info .content .imagenes img{
    width: 90%;
    height: auto;
    margin: 25px auto 25px auto;
    display: block;
} */

.info .content a{
    color: var(--color-principal);
}
.info .content ul{
    margin-left: 40px;
}

.info .content ul p{
    margin: 15px 0px;
}

.info .content iframe{width: 100%;}






.info .content .row{
    display: inline-block;
    width: 31%;
    margin: 1%;
    text-align: center;
    vertical-align: top;
}

.info .content .row *{
    display: block;
    text-align: left;
}

.info .content .row p{
    line-height: 18px;
    margin-bottom: 15px;
}

.info .content .row .lista .element{
    padding:2px;
    border-bottom: 1px solid black;
}
.info .content .row .testcontent .testimonials{
    border: 1px solid;
    border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
    margin: 4px 0 13px 0;
    position: relative;
}

.info .content .row .testcontent .testimonials::after{
    content: ".";
    display: block;
    text-indent: -5000px;
    position: absolute;
    bottom: -16px;
    left: 21px;
    width: 15px;
    height: 16px;
    background: url(/mod/info/img/testimon-after.gif) no-repeat;
}

.info .content .row .testcontent .testimonials .inner{
    border: 1px solid white;
    padding: 19px 18px 11px 18px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%);
}

.info .content .row .testcontent .testimonials .inner span{
    text-indent: -5000px;
    display: inline-block;
    width: 20px;
    height: 15px;
}

.info .content  .row .testcontent .testimonials .inner span.before{
    background: url(/mod/info/img/bl-before-bg.png) no-repeat;
    margin-right: 8px;
}

.info .content .row .testcontent .testimonials .inner span.after{
    background: url(/mod/info/img/bl-after-bg.png) no-repeat;
    margin-left: 8px;
}

.info .content .row .testcontent .testimonials + p{
    padding-left: 45px;
    margin-bottom: 18px;
}

.info .content .row .testcontent .testimonials .dark {
    font-weight: 600;
}

@media all and (max-width:1185px){
    .info {padding-left: 0px;}
    .info .content .imagenes img{
        height: auto;
        width: 100%;
    }

    .info .content .row{
        display: block;
        width: 100%;
    }


    .info .content .row *{
        display: block;
        text-align: left;
    }
    
    .info .content .row .lista{
        margin-left: 0;
    }
    .info .content .row .lista .element{
        padding-left:0px;
    }

    .info .content .row  img{
        width: 446px;
        height: 245px;
    }

}
/* =====================================================================
   PÁGINAS ESTÁTICAS 2026 (ecobel / about-us) — rediseño contenido/elegante
   Estilo belnou.com: contenido centrado en columna estrecha, imágenes
   PROPORCIONADAS (no a todo el ancho). Scopeadas bajo .info .content .infopage.
   ===================================================================== */
.info .content .infopage{ --eco-green:#4b7d5b; --eco-green-dark:#3a6248; --eco-green-soft:#eef4ef; }
.info .content .infopage section{ margin: 0 auto clamp(40px, 6vw, 80px); }
.info .content .infopage .ip-eyebrow{
    display:inline-block; font-size:12px; font-weight:700; letter-spacing:.18em;
    text-transform:uppercase; color:var(--color-principal); margin-bottom:14px;
}
.info .content .infopage .ip-title{
    font-size:clamp(1.5rem,2.4vw,2.1rem) !important; font-weight:800; line-height:1.18;
    color:var(--color-text); margin:0 0 20px; border:0;
}
.info .content .infopage .ip-title--center{ text-align:center; }
.info .content .infopage .ip-title--light{ color:var(--color-white); }
.info .content .infopage p{ font-size:1.05rem; line-height:1.75; color:var(--color-text-light); }
.info .content .infopage strong{ color:var(--color-text); }

/* CTA de marca */
.info .content .infopage .ip-cta{
    display:inline-flex; align-items:center; gap:9px; margin-top:8px;
    padding:13px 24px; background:var(--color-principal); color:var(--color-white) !important;
    font-weight:700; border-radius:var(--radius-md); box-shadow:var(--shadow-md);
    text-decoration:none !important; transition:background .25s ease, transform .25s ease;
}
.info .content .infopage .ip-cta:hover{ background:var(--color-principal-hover); transform:translateY(-2px); }

/* ---- HERO ECOBEL: banner contenido + texto centrado debajo ---- */
.info .content .infopage .ip-hero{
    display:flex; flex-direction:column; align-items:center; text-align:center;
    max-width:900px; margin:0 auto clamp(40px,6vw,72px);
    background:none; box-shadow:none; border-radius:0; padding:clamp(24px,4vw,48px) 0 0;
}
.info .content .infopage .ip-hero__media{
    width:100%; max-width:760px; margin:0 0 clamp(24px,3vw,40px);
    border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md);
}
.info .content .infopage .ip-hero__media img{
    display:block; width:100%; height:auto;   /* banner 2560x490: se muestra a su ratio natural, corto */
}
.info .content .infopage .ip-hero__title{
    font-size:clamp(1.8rem,3.2vw,2.6rem) !important; font-weight:800; line-height:1.12;
    color:var(--eco-green-dark); margin:0 0 14px; max-width:22ch;
}
.info .content .infopage .ip-hero__lead{
    font-size:clamp(1.02rem,1.4vw,1.2rem); color:var(--color-text-light);
    max-width:56ch; margin:0 auto 4px;
}

/* HERO variante texto (about-us) */
.info .content .infopage .ip-hero--text{
    padding:clamp(24px,4vw,56px) 0; max-width:760px;
}
.info .content .infopage .ip-hero__title--big{ color:var(--color-text); max-width:20ch; margin:0 auto 16px; }
.info .content .infopage .ip-hero__lead--center{ margin:0 auto; }

/* ---- INTRO: columna estrecha centrada ---- */
.info .content .infopage .ip-intro{ max-width:760px; text-align:center; }
.info .content .infopage .ip-intro__grid{ display:flex; flex-direction:column; gap:18px; }
.info .content .infopage .ip-intro__grid p{ margin:0; }
.info .content .infopage .ip-intro__grid strong{ color:var(--eco-green-dark); }

/* ---- IMPACTO: tarjeta verde contenida, stats en fila ---- */
.info .content .infopage .ip-impacto{
    max-width:960px; background:var(--eco-green); border-radius:var(--radius-lg);
    padding:clamp(32px,4vw,52px) clamp(20px,3vw,40px);
}
.info .content .infopage .ip-impacto__sub{ text-align:center; color:rgba(255,255,255,.85) !important; margin:-8px auto 28px; max-width:56ch; font-size:.98rem; }
.info .content .infopage .ip-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.info .content .infopage .ip-stat{
    background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18);
    border-radius:var(--radius-md); padding:20px 10px; text-align:center;
}
.info .content .infopage .ip-stat__num{ display:block; font-size:clamp(1.4rem,2.2vw,1.9rem); font-weight:800; line-height:1; color:var(--color-white); }
.info .content .infopage .ip-stat__u{ font-size:.5em; font-weight:700; margin-left:2px; opacity:.85; }
.info .content .infopage .ip-stat__label{ display:block; margin-top:8px; font-size:.82rem; line-height:1.3; color:rgba(255,255,255,.82); }

/* ---- CIERRE: tarjeta centrada estrecha ---- */
.info .content .infopage .ip-cierre{
    max-width:720px; text-align:center; background:var(--eco-green-soft);
    border-radius:var(--radius-lg); padding:clamp(32px,4vw,56px);
}
.info .content .infopage .ip-cierre__title{ font-size:clamp(1.3rem,2vw,1.8rem) !important; font-weight:800; color:var(--eco-green-dark); line-height:1.2; margin:0 0 14px; border:0; }
.info .content .infopage .ip-cierre p{ margin:0 auto 22px; max-width:52ch; }

/* ---- SPLIT (about-us): imagen CONTENIDA + texto ---- */
.info .content .infopage .ip-split{
    display:grid; grid-template-columns:minmax(0,420px) 1fr; gap:clamp(28px,4vw,56px);
    align-items:center; max-width:1040px;
}
.info .content .infopage .ip-split--reverse{ grid-template-columns:1fr minmax(0,420px); }
.info .content .infopage .ip-split--reverse .ip-split__media{ order:2; }
.info .content .infopage .ip-split__media img{
    width:100%; height:auto; max-height:360px; object-fit:cover;
    border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); display:block;
}
.info .content .infopage .ip-split__text p{ margin:0 0 20px; }
.info .content .infopage .ip-pilares{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.info .content .infopage .ip-pilares li{ display:flex; flex-direction:column; gap:3px; padding:14px 16px; background:var(--color-bg); border-radius:var(--radius-md); border-left:3px solid var(--color-principal); }
.info .content .infopage .ip-pilar__k{ font-weight:700; color:var(--color-text); }
.info .content .infopage .ip-pilar__d{ font-size:.92rem; color:var(--color-text-light); line-height:1.45; }

/* ---- VALORES: 3 tarjetas ---- */
.info .content .infopage .ip-valores{ max-width:1000px; }
.info .content .infopage .ip-valores__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.info .content .infopage .ip-valor{
    background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg);
    padding:clamp(24px,3vw,36px) 24px; text-align:center; transition:transform .25s ease, box-shadow .25s ease;
}
.info .content .infopage .ip-valor:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.info .content .infopage .ip-valor__icon{ width:52px; height:52px; margin:0 auto 14px; display:block; }
.info .content .infopage .ip-valor h3{ font-size:1.15rem !important; font-weight:800; color:var(--color-principal); margin:0 0 8px; }
.info .content .infopage .ip-valor p{ margin:0; font-size:.98rem; }

/* ---- RESPONSIVE ---- */
@media (max-width:820px){
    .info .content .infopage .ip-stats{ grid-template-columns:repeat(3,1fr); }
    .info .content .infopage .ip-split,
    .info .content .infopage .ip-split--reverse{ grid-template-columns:1fr; }
    .info .content .infopage .ip-split--reverse .ip-split__media{ order:0; }
    .info .content .infopage .ip-split__media img{ max-height:300px; }
    .info .content .infopage .ip-valores__grid{ grid-template-columns:1fr; }
}
@media (max-width:520px){
    .info .content .infopage .ip-stats{ grid-template-columns:repeat(2,1fr); }
}

/* Banner ancho (ecobel-scaled 2560x490) dentro de un split: contenido, no recortado */
.info .content .infopage .ip-split__media--banner img{
    object-fit:contain;
    max-height:200px;
    background:var(--eco-green-soft);
    padding:14px;
}

/* ============================================================
   PÁGINAS LEGALES (.infopage-legal / .ip-legal)
   Documentos de texto: aviso legal, privacidad, cookies, T&C.
   Tipografía legible, ancho de lectura contenido, tokens de tema.
   ============================================================ */
.info .content .infopage-legal{ max-width:900px; margin:0 auto; }
.info .content .ip-legal{ text-align:left; }

.info .content .ip-legal .ip-legal__head{
    margin:clamp(18px,4vw,40px) 0 clamp(18px,3vw,28px);
    padding-bottom:20px;
    border-bottom:2px solid var(--color-principal);
}
.info .content .ip-legal .ip-legal__title{
    font-size:clamp(1.8rem,4vw,2.6rem);
    font-weight:800; line-height:1.1; color:var(--color-text);
    margin:0; text-transform:none;
}
.info .content .ip-legal .ip-legal__lead{
    margin:14px 0 0; color:var(--color-text-light); font-size:1.05rem;
}

.info .content .ip-legal .ip-legal__card{
    background:var(--color-bg); border:1px solid var(--color-border);
    border-radius:var(--radius-lg); padding:20px 24px;
    margin:0 0 clamp(20px,3vw,32px);
}
.info .content .ip-legal .ip-legal__card p{ margin:4px 0; color:#444; }
.info .content .ip-legal .ip-legal__update{ margin-top:12px !important; font-style:italic; color:#777; font-size:.92rem; }

.info .content .ip-legal .ip-legal__h2{
    font-size:clamp(1.15rem,2.4vw,1.5rem);
    font-weight:800; color:var(--color-principal);
    margin:clamp(26px,4vw,38px) 0 12px; text-transform:none;
    border:0; padding:0; text-align:left;
}
.info .content .ip-legal p{ line-height:1.7; color:var(--color-text); margin:0 0 14px; }
.info .content .ip-legal a{ color:var(--color-principal); text-decoration:underline; }
.info .content .ip-legal a:hover{ color:var(--color-principal-hover); }

.info .content .ip-legal .ip-legal__list{
    margin:0 0 16px; padding-left:22px; list-style:disc;
}
.info .content .ip-legal .ip-legal__list li{ line-height:1.7; color:var(--color-text); margin:0 0 8px; }

/* Tabla de cookies: scroll horizontal en pantallas estrechas */
.info .content .ip-legal .ip-legal__tablewrap{
    overflow-x:auto; margin:0 0 20px;
    border:1px solid var(--color-border); border-radius:var(--radius-md);
}
.info .content .ip-legal .ip-legal__table{
    width:100%; border-collapse:collapse; min-width:640px; font-size:.92rem;
}
.info .content .ip-legal .ip-legal__table th,
.info .content .ip-legal .ip-legal__table td{
    text-align:left; padding:12px 14px; border-bottom:1px solid var(--color-border);
    vertical-align:top;
}
.info .content .ip-legal .ip-legal__table thead th{
    background:var(--color-principal); color:#fff; font-weight:700;
    border-bottom:0; white-space:nowrap;
}
.info .content .ip-legal .ip-legal__table tbody tr:nth-child(even){ background:var(--color-bg); }
.info .content .ip-legal .ip-legal__table tbody tr:last-child td{ border-bottom:0; }