/*
Theme Name: cocheando
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.5
*/

/* Cocheando: estilos del sitio. Colores y tipografia global en Flatsome.
 * Componentes dinamicos: cocheando-core/assets/css/frontend.css.
 * UX Blocks: exclusivamente estructura y contenido. */

.button span {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
}

.header .button span {
    min-height: 2.5em;
}

.button.is-outline {
    background-color: #fff;
}

.absolute-footer {
    padding: 0;
}

/* Hero y calculadora: estilos compartidos de las cajas y sus encabezados. */
.hero-home .col-inner > h4,
.calculadora-gratis .col-inner > h4 {
    margin: 0 0 10px;
    color: var(--fs-color-primary);
    font-size: 12px;
    line-height: 1;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.hero-home .caja,
.calculadora-gratis .caja {
    max-width: 290px !important;
    align-items: center;
    background: rgba(255, 255, 255, .6);
    border: 1px solid rgba(7, 21, 46, .055);
    border-radius: 17px;
    box-shadow: 0 8px 20px rgba(7, 21, 46, .05), 0 20px 50px rgba(7, 21, 46, .09);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(12px);
    padding: 10px;
    margin-bottom: 10px;
}

.hero-home .caja .icon-box-img,
.calculadora-gratis .caja .icon-box-img {
    border-radius: 50%;
    padding: 14px;
    aspect-ratio: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-home .caja.azul .icon-box-img,
.calculadora-gratis .caja.azul .icon-box-img {
    background: #ddedfe;
}

.hero-home .caja h4,
.calculadora-gratis .caja h4 {
    margin: 0;
    font-size: 19px;
    line-height: 1.10;
    letter-spacing: -.7px;
    white-space: nowrap;
    text-transform: initial;
}

.hero-home .caja p,
.calculadora-gratis .caja p {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
}

/* Home: hero */

.hero-home .section-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,.98) 28%,
        rgba(255,255,255,.88) 40%,
        rgba(255,255,255,.48) 52%,
        rgba(255,255,255,.10) 68%,
        rgba(255,255,255,0) 100%
    );
}

.hero-home h1 {
    margin: 0 0 19px !important;
    font-size: 58px;
    letter-spacing: -3.1px;
    line-height: .99;
}

.hero-home h1 span {
    color: var(--fs-color-primary);
}

.hero-home .text-info {
    max-width: 500px;
    margin-top: 15px;
}

.hero-home .text-info p {
    margin: 0 0 26px !important;
    font-size: 17px;
    line-height: 1.47;
    color: var(--fs-color-base);
}

.hero-home .trust ul {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hero-home .trust ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.hero-home .trust ul li::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-color: var(--fs-color-primary);
    -webkit-mask-image: url(https://cocheando.com/wp-content/themes/cocheando/images/icono-de-check.svg);
    mask-image: url(https://cocheando.com/wp-content/themes/cocheando/images/icono-de-check.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.hero-home .caja.verde .icon-box-img {
    background: #d0f5e2;
}

.hero-home .caja.naranja .icon-box-img {
    background: #fee9cc;
}

.hero-home .caja p span {
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border-radius: 30px;
    background: #d0f5e2;
    color: var(--fs-color-success);
}

@media (max-width: 849px) {
    .hero-home {
        border-radius: 14px;
    }

    .hero-home h1 {
        font-size: 42px;
    }

    .hero-home .section-bg::after {
        background: linear-gradient(
            180deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.98) 48%,
            rgba(255,255,255,.70) 65%,
            rgba(255,255,255,.10) 100%
        );
    }

    .hero-home .trust ul {
        gap: 10px 16px;
    }

    .hero-home .trust ul li {
        font-size: 11px;
    }

    .hero-home .button {
        font-size: .8em;
    }
}

@media (max-width: 549px) {
    .hero-home h1 {
        font-size: 39px;
        letter-spacing: -1px;
    }

    .hero-home .text-info p {
        font-size: 13px;
    }
}

/* Home: herramientas. Paletas: Colors Cocheando en el personalizador. */
.herramientas .caja {
    background: linear-gradient(145deg,var(--cc-tool-start),var(--cc-tool-end));
}
.herramientas .caja .icon-box-img {
    background: var(--cc-tool-icon-background);
}
.herramientas .caja::after {
    color: var(--cc-tool-accent);
}


.herramientas .caja .icon-box-img {
    border-radius: 50%;
    padding: 14px;
    aspect-ratio: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.herramientas .caja {
    position: relative;
    height: 100%;
    min-height: 225px;
    padding: 20px 17px 60px;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

























.herramientas .caja h3 {
    line-height: 1.05;
    margin: 0 0 8px;
    font-size: 17px;
    letter-spacing: -.4px;
}

.herramientas .caja p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
}

.herramientas .caja:hover {
    transform: translateY(-4px);
    box-shadow:
        0 8px 20px rgba(7,21,46,.04),
        0 18px 40px rgba(7,21,46,.08);
}

.herramientas a:hover {
    color: currentColor;
}

.herramientas .caja::after {
    content: "→";
    position: absolute;
    left: 17px;
    bottom: 16px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}













.herramientas .caja:hover::after {
    transform: translateX(3px);
    box-shadow:
        0 5px 15px rgba(7,21,46,.08);
}

/* Home: calculadora */

.calculadora-gratis .section-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(235,255,245,1) 0%,
        rgba(235,255,245,.98) 28%,
        rgba(235,255,245,.88) 40%,
        rgba(235,255,245,.48) 52%,
        rgba(235,255,245,.10) 68%,
        rgba(235,255,245,0) 100%
    );
}

.calculadora-gratis h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1.03;
    letter-spacing: -1.5px;
}

.calculadora-gratis h2 span {
    color: var(--fs-color-primary);
}

.calculadora-gratis .text-info {
    max-width: 500px;
    margin-top: 15px;
}

.calculadora-gratis .text-info p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--fs-color-base);
}

.calculadora-gratis .caja.lila .icon-box-img {
    background: #e9e0fe;
}

.calculadora-gratis .caja.amarillo .icon-box-img {
    background: #fdf1c8;
}

@media (max-width: 849px) {
    .calculadora-gratis {
        border-radius: 14px;
    }

    .calculadora-gratis h2 {
        font-size: 32px;
    }

    .calculadora-gratis .section-bg::after {
        background: linear-gradient(
            180deg,
            rgba(235,255,245,1) 0%,
            rgba(235,255,245,.98) 48%,
            rgba(235,255,245,.70) 65%,
            rgba(235,255,245,.10) 100%
        );
    }
}

@media (max-width: 549px) {
    .calculadora-gratis h2 {
        font-size: 29px;
        letter-spacing: -1px;
    }

    .calculadora-gratis .text-info p {
        font-size: 13px;
    }
}/* Home: articulos */

.consejos-novedades .articulos-grid {
    margin-top: 22px !important;
}

.consejos-novedades .articulo-card {
    position: relative;
    height: 100%;
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 14px;
    overflow: hidden;
    box-shadow:
        0 5px 15px rgba(7,21,46,.025),
        0 12px 30px rgba(7,21,46,.035);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.consejos-novedades .articulo-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 8px 20px rgba(7,21,46,.05),
        0 18px 40px rgba(7,21,46,.08);
}

.consejos-novedades .articulo-contenido {
    position: relative;
    min-height: 110px;
    padding: 5px 5px 5px 18px;
}

.consejos-novedades .articulo-categoria {
    position: absolute;
    left: 17px;
    top: -16px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 9px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .25px;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(7,21,46,.08);
}

.consejos-novedades .categoria-carga-en-casa {
    background: #dff9e8;
    color: #159c4a;
}

.consejos-novedades .categoria-comparativas {
    background: #ffe4ef;
    color: #e92b76;
}

.consejos-novedades .categoria-ahorro {
    background: #e8f2ff;
    color: #2687dd;
}

.consejos-novedades .articulo-card h3 {
    margin: 10px 0 0;
    font-size: 17px;
    line-height: 1.15;
    letter-spacing: -.4px;
    max-width: 230px;
}

.consejos-novedades .articulo-footer {
    display: block;
    margin-top: 14px;
}

.consejos-novedades .articulo-fecha {
    display: block;
    color: #87909c;
    font-size: 11px;
    line-height: 1.2;
}

.consejos-novedades .articulo-flecha {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #cdeed8;
    color: var(--fs-color-primary);
    font-size: 20px;
    line-height: 1;
    text-decoration: none !important;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.consejos-novedades .articulo-card:hover .articulo-flecha {
    background: var(--fs-color-primary);
    color: #fff;
    transform: translateY(-50%) translateX(3px);
    box-shadow: 0 5px 15px rgba(7,21,46,.08);
}

@media (max-width: 849px) {

    .consejos-novedades .articulo-imagen .img-inner {
        height: 150px;
    }

    .consejos-novedades .articulo-contenido {
        min-height: 150px;
        padding: 18px 66px 15px 15px;
    }

    .consejos-novedades .articulo-card h3 {
        max-width: 210px;
    }
}

@media (max-width: 549px) {

    .consejos-novedades .articulo-imagen .img-inner {
        height: 145px;
    }

    .consejos-novedades .articulo-contenido {
        min-height: 120px;
        padding: 18px 62px 14px 14px;
    }

    .consejos-novedades .articulo-card h3 {
        font-size: 16px;
        max-width: 200px;
    }

    .consejos-novedades .articulo-flecha {
        right: 14px;
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 18px;
    }

    .consejos-novedades .articulo-categoria {
        left: 14px;
    }
}

/* Home: banner final */

.conduce-cambio {
    position: relative;
    min-height: 225px;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    background: #eef8f3;
}

.conduce-cambio .section-bg {
    background-position: center center !important;
    background-size: cover !important;
}

.conduce-cambio .section-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(245,252,249,1) 0%,
        rgba(245,252,249,.98) 25%,
        rgba(245,252,249,.92) 35%,
        rgba(245,252,249,.72) 45%,
        rgba(245,252,249,.32) 56%,
        rgba(245,252,249,.08) 67%,
        rgba(245,252,249,0) 76%
    );
}

.conduce-cambio .section-content {
    position: relative;
    z-index: 2;
}

.conduce-cambio .row {
    min-height: 225px;
}

.conduce-cambio h2 {
    margin: 0;
    font-size: 34px;
    line-height: 1.05;
    letter-spacing: -1.3px;
}

.conduce-cambio h2 span {
    color: var(--fs-color-primary);
}

.conduce-cambio .text-info {
    max-width: 470px;
    margin-top: 7px;
}

.conduce-cambio .text-info p {
    margin: 0;
    color: var(--fs-color-base);
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 849px) {
    .conduce-cambio {
        min-height: 260px;
    }

    .conduce-cambio .row {
        min-height: 260px;
    }

    .conduce-cambio h2 {
        font-size: 31px;
    }

    .conduce-cambio .section-bg::after {
        background: linear-gradient(
            90deg,
            rgba(245,252,249,1) 0%,
            rgba(245,252,249,.96) 40%,
            rgba(245,252,249,.65) 58%,
            rgba(245,252,249,.15) 78%,
            rgba(245,252,249,0) 100%
        );
    }
}

@media (max-width: 549px) {
    .conduce-cambio .col:first-child {
        padding-top: 28px;
    }

    .conduce-cambio h2 {
        font-size: 29px;
        letter-spacing: -1px;
    }

    .conduce-cambio .text-info {
        max-width: 330px;
    }

    .conduce-cambio .text-info p {
        font-size: 12px;
    }

    .conduce-cambio .section-bg img {
        object-position: 100% 50% !important;
    }

    .conduce-cambio .section-bg::after {
        background: linear-gradient(
            180deg,
            rgba(245,252,249,1) 0%,
            rgba(245,252,249,.98) 35%,
            rgba(245,252,249,.82) 48%,
            rgba(245,252,249,.35) 63%,
            rgba(245,252,249,0) 78%
        );
    }
}/* Footer y newsletter */

.footer-cocheando {
    color: rgba(255,255,255,.72);
}

.footer-cocheando .footer-marca img {
    width: auto;
    max-width: 165px;
    max-height: 38px;
    object-fit: contain;
    object-position: left center;
}

.footer-cocheando .footer-descripcion {
    max-width: 235px;
    margin: 0 0 13px;
    font-size: 12px;
    line-height: 1.45;
}

.footer-cocheando h4 {
    margin: 4px 0 13px;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    text-transform: none;
}

.footer-cocheando .footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-cocheando .footer-menu li {
    margin: 0;
    padding: 0 0 5px;
    border: 0;
}

.footer-cocheando .footer-menu a {
    color: rgba(255,255,255,.68);
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    transition: color .2s ease;
}

.footer-cocheando .footer-newsletter > .col-inner > p {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.4;
}

.footer-cocheando .mailpoet_form {
    padding: 0 !important;
    margin: 0 !important;
}

.footer-cocheando .mailpoet_form p,
.footer-cocheando .mailpoet_paragraph {
    margin: 0 !important;
}

.footer-cocheando .mailpoet_form form {
    margin: 0;
}

.footer-cocheando .mailpoet_text {
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--fs-color-base) !important;
    font-size: 11px !important;
}

.footer-cocheando .mailpoet_text::placeholder {
    color: #949ca7;
}

.footer-cocheando .mailpoet_submit {
    height: 36px !important;
    margin: 7px 0 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 30px !important;
    background: var(--fs-color-primary) !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.footer-cocheando .mailpoet_checkbox_label {
    display: flex !important;
    align-items: center;
    gap: 5px;
    margin-top: 7px !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
}

.footer-cocheando .mailpoet_checkbox {
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
}

.footer-cocheando .mailpoet_validate_success {
    color: var(--fs-color-success) !important;
    font-size: 10px !important;
}

.footer-cocheando .mailpoet_validate_error {
    color: #ff7788 !important;
    font-size: 10px !important;
}

.footer-cocheando .footer-bottom {
    position: relative;
    margin-top: 10px;
    padding-top: 13px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer-cocheando .footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,.52);
    font-size: 12px;
    line-height: 1.3;
}

.footer-cocheando .footer-claim p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.footer-cocheando .footer-claim span {
    color: var(--fs-color-primary);
    font-size: 13px;
}

@media (max-width: 849px) {
    .footer-cocheando .footer-marca {
        margin-bottom: 10px;
    }
}

@media (max-width: 549px) {
    .footer-cocheando {
        padding-top: 32px !important;
        padding-bottom: 22px !important;
    }

    .footer-cocheando .footer-descripcion {
        max-width: 300px;
    }

    .footer-cocheando .footer-newsletter {
        margin-top: 10px;
    }

    .footer-cocheando .footer-bottom {
        margin-top: 5px;
    }

    .footer-cocheando .footer-bottom .col {
        text-align: left !important;
    }

    .footer-cocheando .footer-claim {
        margin-top: 7px;
    }

    .footer-cocheando .footer-claim p {
        justify-content: flex-start;
    }
}

/* Encabezados y llamadas a la accion de la home: reglas compartidas. */

.herramientas .herramientas-heading-copy h4,
.modelos-destacados .modelos-heading-copy h4,
.ofertas-destacadas .ofertas-heading-copy h4,
.consejos-novedades .consejos-heading-copy h4 {
    margin:0 0 10px;
    color:var(--fs-color-primary);
    font-size:14px;
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.herramientas .home-tools-title h2,
.modelos-destacados .modelos-heading-copy h2,
.ofertas-destacadas .ofertas-heading-copy h2,
.consejos-novedades .consejos-heading-copy h2 {
    margin:0 0 10px;
    font-size:clamp(32px,2.65vw,40px);
    line-height:1.08;
    letter-spacing:-1.6px;
}

.herramientas .home-tools-title h2 span,
.modelos-destacados .modelos-heading-copy h2 span,
.ofertas-destacadas .ofertas-heading-copy h2 span,
.consejos-novedades .consejos-heading-copy h2 span {
    color:var(--fs-color-primary);
}

.herramientas .herramientas-heading-desc p,
.modelos-destacados .modelos-heading-desc p,
.ofertas-destacadas .ofertas-heading-desc p,
.consejos-novedades .consejos-heading-desc p {
    margin:0;
    max-width:790px;
    color: var(--fs-color-base);
    font-size:13px;
    line-height:1.5;
}

@media (min-width:1200px) {
    .herramientas .home-tools-title h2,
.modelos-destacados .modelos-heading-copy h2,
.ofertas-destacadas .ofertas-heading-copy h2,
.consejos-novedades .consejos-heading-copy h2 {
        white-space:nowrap;
    }
}

@media (max-width:549px) {
    .herramientas .home-tools-title h2,
.modelos-destacados .modelos-heading-copy h2,
.ofertas-destacadas .ofertas-heading-copy h2,
.consejos-novedades .consejos-heading-copy h2 {
        font-size:30px;
        letter-spacing:-1px;
        white-space:normal;
    }
}

.modelos-destacados .modelos-heading-row,
.ofertas-destacadas .ofertas-heading-row,
.consejos-novedades .consejos-heading-row {
    margin-bottom:30px;
}

.modelos-destacados .modelos-heading-cta > .col-inner,
.ofertas-destacadas .ofertas-heading-cta > .col-inner,
.consejos-novedades .consejos-heading-cta > .col-inner {
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.modelos-destacados .modelos-heading-cta .button,
.ofertas-destacadas .ofertas-heading-cta .button,
.consejos-novedades .consejos-heading-cta .button {
    margin-right:0;
    margin-bottom:0;
}

@media (max-width:849px) {
    .modelos-destacados .modelos-heading-cta > .col-inner,
.ofertas-destacadas .ofertas-heading-cta > .col-inner,
.consejos-novedades .consejos-heading-cta > .col-inner {
        justify-content:flex-start;
    }
}

@media (max-width:849px) {
    .modelos-destacados .modelos-heading-cta .button,
.ofertas-destacadas .ofertas-heading-cta .button,
.consejos-novedades .consejos-heading-cta .button {
        margin-top:8px;
    }
}

@media (max-width:549px) {
    .modelos-destacados .modelos-heading-row,
.ofertas-destacadas .ofertas-heading-row,
.consejos-novedades .consejos-heading-row {
        margin-bottom:24px;
    }
}

@media (max-width:549px) {
    .modelos-destacados .modelos-heading-cta .button,
.ofertas-destacadas .ofertas-heading-cta .button,
.consejos-novedades .consejos-heading-cta .button {
        width:100%;
    }
}


/* Home: fondos circulares del hero y la calculadora. */
.home #wrapper .hero-home .caja .icon-box-img,
.home #wrapper .calculadora-gratis .caja .icon-box-img {
    box-sizing:border-box;width:64px!important;height:64px!important;
    min-width:64px;min-height:0;aspect-ratio:1;border-radius:50%;
    padding:14px;flex-shrink:0;
}
.home #wrapper .hero-home .caja .icon-box-img .icon,
.home #wrapper .calculadora-gratis .caja .icon-box-img .icon {
    width:100%;height:100%;display:flex;align-items:center;
    justify-content:center;line-height:0;
}
.home #wrapper .hero-home .caja .icon-box-img svg,
.home #wrapper .hero-home .caja .icon-box-img img,
.home #wrapper .calculadora-gratis .caja .icon-box-img svg,
.home #wrapper .calculadora-gratis .caja .icon-box-img img {
    display:block;width:100%;height:100%;object-fit:contain;
}

/* Maquetación trasladada desde CSS adicional, conservando su orden. */

/* Herramientas: maquetación Flatsome y cajas compartidas de Cocheando. * Colores e iconos: mismas variables del personalizador y cc-vehicle-action. */ .cc-tools-hub p{color:var(--fs-color-base);font-size:14px;line-height:1.55} .cc-tools-hub .cocheando-eyebrow{margin:0 0 12px} .cc-tools-hub h2{font-size:clamp(28px,2.8vw,38px);line-height:1.12;letter-spacing:-1px;margin:0 0 12px} .cc-tools-hub .button{margin-bottom:0} .cc-tools-hub-hero .section-content{position:relative;z-index:1} .cc-tools-hub-hero .row>.col{padding-bottom:0} .cc-tools-hub-hero.hero-home h1{font-size:clamp(42px,4.6vw,60px);line-height:1.03;letter-spacing:-2px;margin-bottom:20px!important} .cc-tools-hub-hero.hero-home .text-info{max-width:520px} .cc-tools-hub-hero.hero-home .text-info p{font-size:17px;margin-bottom:24px!important} .cc-tools-hub-hero .section-bg img{width:72%;left:auto;right:0;object-fit:cover;object-position:70% 65%} .cc-tools-hub-hero.hero-home .section-bg::after{background:linear-gradient(90deg,#fff 0%,#fff 24%,rgba(255,255,255,.97) 34%,rgba(255,255,255,.8) 43%,rgba(255,255,255,.1) 60%,transparent 72%)} .cc-tools-hub-benefits{border-bottom:1px solid var(--fs-color-divider,#e6ebf1)} .cc-tools-hub-benefits .row>.col{padding-bottom:0} .cc-tools-hub-benefits .featured-box{align-items:center;max-width:330px;margin:0 auto} .cc-tools-hub-benefits h3{font-size:16px;margin:0 0 5px;line-height:1.3} .cc-tools-hub-benefits p{font-size:13px;margin:0} .cc-tools-hub-benefits .icon-box-img{flex-shrink:0} .cc-tools-hub-heading>.col{padding-bottom:24px} .cc-tools-hub-heading p{margin:0} .cc-tools-catalog{margin-bottom:0} #wrapper .cc-tools-catalog>.cc-tools-card.caja{--cc-action-accent:var(--cc-tool-accent);--cc-action-start:var(--cc-tool-start);--cc-action-end:var(--cc-tool-end);--cc-action-icon:var(--cc-tool-icon-background);padding:0 15px 24px;min-height:0;height:auto;border-radius:0;background:none;overflow:visible;transition:none} #wrapper .cc-tools-catalog>.cc-tools-card.caja::after{display:none} #wrapper .cc-tools-catalog>.cc-tools-card.caja:hover{transform:none;box-shadow:none} #wrapper .cc-tools-catalog .cc-tools-card>.col-inner{min-height:255px;padding:28px;border-radius:12px} #wrapper .cc-tools-catalog .featured-box{gap:20px;margin:0 0 24px} #wrapper .cc-tools-catalog .featured-box h2{font-size:clamp(23px,2.1vw,29px);line-height:1.15;margin:0 0 13px} #wrapper .cc-tools-catalog .featured-box h4{font-size:13px;margin:0 0 12px;letter-spacing:.06em} #wrapper .cc-tools-catalog .featured-box p{font-size:14px} #wrapper .cc-tools-catalog .button{font-size:15px} #wrapper .cc-tools-catalog .icon-box-img{padding:0;border-radius:0;background:transparent!important} .cc-tools-hub .icon-box-img svg [fill]:not([fill="none"]){fill:currentColor} .cc-tools-hub .icon-box-img svg [stroke]:not([stroke="none"]){stroke:currentColor} .cc-tools-hub-faq{padding-bottom:36px!important} .cc-tools-hub-faq h2{margin-bottom:20px} .cc-tools-hub-faq .cc-faq-group-heading h3{font-size:22px;line-height:1.35;margin:28px 0 12px} @media(max-width:549px){.cc-tools-hub-faq .cc-faq-group-heading h3{font-size:20px}} .cc-tools-hub-faq .accordion-title{font-size:15px} .cc-tools-hub-faq .accordion-inner p{font-size:14px} .cc-tools-hub-mobile-photo>.col{padding:0 15px} .cc-tools-hub-mobile-photo .img{margin:0} .cc-tools-hub-mobile-photo img{display:block;width:100%;height:auto} @media(max-width:849px){ .cc-tools-hub-hero.hero-home h1{font-size:43px;letter-spacing:-1.4px} .cc-tools-hub-hero.hero-home .text-info p{font-size:15px} #wrapper .cc-tools-catalog .cc-tools-card>.col-inner{padding:23px} #wrapper .cc-tools-catalog .featured-box{gap:15px} #wrapper .cc-tools-catalog .featured-box h2{font-size:24px} #wrapper .cc-tools-catalog .featured-box h4{font-size:12px} } @media(max-width:549px){ #wrapper .cc-tools-hub-hero{height:auto!important;min-height:0!important;padding:32px 0 0!important} .cc-tools-hub-hero .section-bg{display:none} .cc-tools-hub-hero.hero-home h1{font-size:38px;letter-spacing:-1.2px} .cc-tools-hub-hero.hero-home .text-info p{font-size:15px} .cc-tools-hub-mobile-photo{margin-top:25px!important} .cc-tools-hub-benefits .row>.col{padding:10px 15px} .cc-tools-hub-benefits .featured-box{max-width:none} .cc-tools-hub h2{font-size:29px} #wrapper .cc-tools-catalog .cc-tools-card>.col-inner{min-height:0;padding:22px} #wrapper .cc-tools-catalog .featured-box h2{font-size:23px} #wrapper .cc-tools-catalog .featured-box .icon-box-img{width:62px!important} #wrapper .cc-tools-catalog .button{font-size:14px}  } 
/* Marcas eléctricas: diseño aprobado, con catálogo automático. */
.cc-brands-page p{font-size:13px;line-height:1.6;color:var(--fs-color-base)}
.cc-brands-page .cocheando-eyebrow{margin:0 0 12px;font-size:13px}
.cc-brands-page .button{margin-bottom:0}
.cc-brands-page h2{font-size:clamp(26px,2.8vw,36px);line-height:1.15;letter-spacing:-.7px;margin:0 0 12px}
.cc-brands-breadcrumb-section .row>.col{padding-bottom:0}
.cc-brands-breadcrumb{font-size:12px;color:var(--fs-color-base);line-height:1.5}
.cc-brands-breadcrumb a{color:inherit}
.cc-brands-breadcrumb span[aria-hidden]{padding:0 9px}
.cc-brands-hero .row>.col{padding-bottom:0}
.cc-brands-hero.hero-home h1{font-size:clamp(40px,4vw,56px);line-height:1.04;letter-spacing:-1.8px;margin-bottom:20px!important}
.cc-brands-hero h1 span{color:var(--fs-color-primary)}
.cc-brands-hero.hero-home .text-info{max-width:480px}
.cc-brands-hero.hero-home .text-info p{font-size:17px;line-height:1.5;margin-bottom:24px!important}

.cc-brands-hero.hero-home .section-bg::after{background:linear-gradient(90deg,#fff 0%,#fff 27%,rgba(255,255,255,.98) 35%,rgba(255,255,255,.85) 43%,rgba(255,255,255,.15) 58%,transparent 70%)}
.cc-brands-directory-heading>.col{padding-bottom:22px}
.cc-brands-directory-heading p{margin-bottom:0}
.cc-brands-models-link .button{white-space:nowrap}
.cc-brands-directory .cocheando-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.cc-brands-directory .cocheando-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:28px 16px;min-height:190px;background:#fff;border:1px solid var(--fs-color-divider,#e3eaf1);border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s}
.cc-brands-directory .cocheando-brand:hover,.cc-brands-directory .cocheando-brand:focus-visible{border-color:var(--fs-color-primary);box-shadow:0 6px 20px rgba(7,21,46,.05);transform:translateY(-2px)}
.cc-brands-directory .cocheando-brand-image{display:flex;align-items:center;justify-content:center;width:82px;height:82px;flex:none}
.cc-brands-directory .cocheando-brand-logo{display:block;width:82px!important;height:82px!important;max-width:100%;object-fit:contain}
.cc-brands-directory .cocheando-brand strong{font-size:16px;color:var(--fs-color-secondary)}
.cc-brands-guidance>.col-inner{padding:28px;border-radius:12px;background:linear-gradient(115deg,#e7faf0,#effbf7)}
.cc-brands-guidance .row{margin-bottom:0}
.cc-brands-guidance .featured-box{align-items:center;gap:20px}
.cc-brands-guidance h2{font-size:28px}
.cc-brands-guidance p{margin:0}
.cc-brands-next .row>.col{padding-bottom:18px}
.cc-brands-tool>.col-inner{padding:30px;border-radius:12px;height:100%}


.cc-brands-tool-compare>.col-inner{background:linear-gradient(115deg,#f3effb,#f8f4ff)}
.cc-brands-tool-cost>.col-inner{background:linear-gradient(115deg,#eaf4ff,#f2f9ff)}
.cc-brands-tool .featured-box{gap:22px}
.cc-brands-tool h2{font-size:28px}
.cc-brands-tool p{min-height:42px;margin-bottom:18px}
.cc-brands-next .icon-box-img{flex-shrink:0;padding:16px;border-radius:50%;width:76px!important;height:76px;display:flex;align-items:center;justify-content:center}
.cc-brands-tool-compare{--cc-brand-tool-accent:var(--cc-tool-lila-accent,#8b4cf6);--cc-brand-tool-icon:var(--cc-tool-lila-icon-background,#e9e0fe)}
.cc-brands-tool-cost{--cc-brand-tool-accent:var(--cc-tool-azul-accent,#0092b8);--cc-brand-tool-icon:var(--cc-tool-azul-icon-background,#d6fcff)}
.cc-brands-tool .icon-box-img{background:var(--cc-brand-tool-icon)}
.cc-brands-guidance .icon-box-img{background:var(--cc-tool-verde-icon-background,#d0f5e2)}
.cc-brands-tool .button.primary{background-color:var(--cc-brand-tool-accent);border-color:var(--cc-brand-tool-accent);color:#fff}
.cc-brands-hero .section-bg{width:100%;max-width:none;margin:0}
.cc-brands-hero .section-bg img{width:100%;left:0;right:0;object-fit:cover;object-position:center 60%}
.cc-brands-models-link .button{font-size:inherit}
@media(max-width:549px){.cc-brands-next .icon-box-img{padding:12px;height:52px}.cc-brands-next .icon-box-img .icon{width:100%}}
.cc-brands-next .icon-box-img svg [fill]:not([fill="none"]){fill:currentColor}
.cc-brands-next .icon-box-img svg [stroke]:not([stroke="none"]){stroke:currentColor}
.cc-brands-faq .accordion-title{font-size:14px}
.cc-brands-mobile-photo .img{margin:0}
@media(max-width:849px){.cc-brands-directory .cocheando-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-brands-guidance h2,.cc-brands-tool h2{font-size:24px}.cc-brands-tool>.col-inner{padding:24px}.cc-brands-hero.hero-home h1{font-size:43px}.cc-brands-guidance-button .button{font-size:12px}}
@media(max-width:549px){#wrapper .cc-brands-hero{height:auto!important;min-height:0!important;padding:24px 0 0!important}.cc-brands-hero .section-bg{display:none}.cc-brands-hero.hero-home h1{font-size:38px;letter-spacing:-1.2px}.cc-brands-hero.hero-home .text-info p{font-size:15px}.cc-brands-hero .section-content>.row:first-child{position:relative;z-index:2}
.cc-brands-hero .button{display:block;width:100%;margin-right:0;min-height:50px;font-size:15px}
.cc-brands-mobile-photo{margin-top:-110px!important;position:relative;width:100%;max-width:none;pointer-events:none}
.cc-brands-mobile-photo>.col{padding:0}
.cc-brands-mobile-photo .img-inner{position:relative;aspect-ratio:4/3;overflow:hidden}
.cc-brands-mobile-photo .img-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff 0%,#fff 25%,rgba(255,255,255,.97) 35%,rgba(255,255,255,.5) 44%,transparent 52%,transparent 88%,#fff 100%)}
.cc-brands-mobile-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:100% 65%}.cc-brands-directory .cocheando-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-brands-directory .cocheando-brand{min-height:155px;gap:18px;padding:22px 12px}.cc-brands-directory .cocheando-brand-image,.cc-brands-directory .cocheando-brand-logo{width:68px!important;height:68px!important}.cc-brands-directory .cocheando-brand strong{font-size:15px}.cc-brands-models-link{text-align:left}.cc-brands-directory-heading>.cc-brands-models-link{padding-bottom:24px}.cc-brands-guidance>.col-inner,.cc-brands-tool>.col-inner{padding:22px}.cc-brands-guidance .featured-box,.cc-brands-tool .featured-box{gap:15px}.cc-brands-next .icon-box-img{width:52px!important}.cc-brands-guidance-button{text-align:left}.cc-brands-guidance-button .button{margin-top:20px;font-size:14px}.cc-brands-tool p{min-height:0}.cc-brands-faq .row>.col{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.cc-brands-directory .cocheando-brand{transition:none}}

/* Heroes compartidos: panorama y la misma imagen en móvil. */
#wrapper .cc-shared-panorama-hero{height:clamp(400px,28vw,520px)!important;min-height:0!important;padding:40px 0!important}
#wrapper .cc-shared-panorama-hero .section-bg{width:100%;max-width:none;margin:0;left:0;right:0}
#wrapper .cc-shared-panorama-hero .section-bg img{width:100%;height:100%;left:0;right:0;object-fit:cover;object-position:100% 65%}
#wrapper .cc-shared-panorama-hero .section-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 25%,rgba(255,255,255,.98) 34%,rgba(255,255,255,.85) 43%,rgba(255,255,255,.15) 60%,transparent 72%)}
#wrapper .cc-shared-panorama-hero .section-content{position:relative;z-index:1}
#wrapper .cc-shared-panorama-hero .section-content>.row:first-child>.col{padding-bottom:0}
.cc-shared-breadcrumb-section .col{padding-bottom:0}
.cc-shared-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;line-height:1.6;color:#64748b}
.cc-shared-breadcrumb a{color:#64748b}
.cc-shared-breadcrumb a:hover{color:var(--fs-color-primary)}
.cc-shared-breadcrumb [aria-current]{color:var(--fs-color-secondary);font-weight:600}
@media(max-width:549px){
#wrapper .cc-shared-panorama-hero{height:auto!important;min-height:0!important;padding:24px 0 0!important}
#wrapper .cc-shared-panorama-hero .section-bg{display:none}
#wrapper .cc-shared-panorama-hero .section-content>.row:first-child{position:relative;z-index:2}
#wrapper .cc-shared-panorama-hero h1{font-size:38px!important;line-height:1.06;letter-spacing:-1.2px}
#wrapper .cc-shared-panorama-hero .text-info p,#wrapper .cc-shared-panorama-hero .cc-ref-lead{font-size:15px;line-height:1.55}
#wrapper .cc-shared-panorama-hero .button{display:block;width:100%;margin-right:0;min-height:50px;font-size:15px}
#wrapper .cc-shared-panorama-hero .cc-shared-mobile-photo{margin-top:-110px!important;position:relative;width:100%;max-width:none;pointer-events:none}
#wrapper .cc-shared-mobile-photo>.col{padding:0}
#wrapper .cc-shared-mobile-photo .img-inner{position:relative;aspect-ratio:4/3;overflow:hidden}
#wrapper .cc-shared-mobile-photo .img-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff 0%,#fff 25%,rgba(255,255,255,.97) 35%,rgba(255,255,255,.5) 44%,transparent 52%,transparent 88%,#fff 100%)}
#wrapper .cc-shared-mobile-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:100% 65%}
}

/* Home: círculo de iconos con dimensiones iguales, incluido el padding. */
.home #wrapper .herramientas .caja .icon-box-img{box-sizing:border-box;width:64px!important;height:64px!important;min-width:64px;aspect-ratio:1;border-radius:50%;padding:14px;flex-shrink:0}
.home #wrapper .herramientas .caja .icon-box-img .icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.home #wrapper .herramientas .caja .icon-box-img svg,.home #wrapper .herramientas .caja .icon-box-img img{max-width:100%;max-height:100%;object-fit:contain}