* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #f7f8fa;
    color: #202124;
}

.ali-container {
    width: min(1120px, calc(100% - 40px));
    margin: auto;
}


/* HEADER */

.ali-header {
    background: #ffffff;
    border-bottom: 1px solid #ececec;
}

.ali-nav {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ali-logo {
    font-size: 25px;
    font-weight: 800;
}

.ali-nav-actions {
    display: flex;
    align-items: center;
    gap: 22px;
}

.ali-nav-actions a {
    text-decoration: none;
    color: #202124;
}

.btn-prestador {
    border: 1px solid #202124;
    border-radius: 9px;
    padding: 10px 15px;
}


/* HERO */

.hero {
    padding: 90px 0 80px;
    text-align: center;
}

.hero-content {
    max-width: 850px;
}

.hero-badge {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 14px;
    margin-bottom: 20px;
}

.hero h1 {
    margin: 0;
    font-size: clamp(38px, 6vw, 64px);
    line-height: 1.05;
}

.hero-subtitle {
    max-width: 650px;
    margin: 22px auto 35px;
    font-size: 19px;
    color: #666;
    line-height: 1.6;
}


/* BUSCADOR */

.busqueda-form {
    background: white;
    padding: 8px;
    border-radius: 15px;
    display: flex;
    gap: 8px;
    max-width: 760px;
    margin: auto;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
}

.busqueda-form input {
    flex: 1;
    border: 0;
    outline: none;
    font-size: 17px;
    padding: 18px;
    min-width: 0;
}

.busqueda-form button {
    border: 0;
    border-radius: 10px;
    padding: 0 26px;
    background: #202124;
    color: white;
    font-weight: 700;
    cursor: pointer;
}

.ejemplos {
    margin-top: 22px;
    color: #777;
    font-size: 14px;
}

.ejemplos span {
    margin-left: 10px;
    color: #333;
}


/* CATEGORIAS */

.categorias {
    background: white;
    padding: 65px 0;
}

.categorias h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 35px;
}

.categoria-grid {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(190px, 1fr));
    gap: 18px;
}

.categoria-card {
    min-height: 130px;
    background: #f8f9fa;
    border: 1px solid #eeeeee;
    border-radius: 14px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    font-weight: 700;
}

.categoria-icono {
    font-size: 30px;
}


/* FOOTER */

footer {
    padding: 35px 0;
    color: #777;
    font-size: 14px;
}


/* MOBILE */

@media (max-width: 650px) {

    .ali-nav-actions a:first-child {
        display: none;
    }

    .hero {
        padding: 60px 0;
    }

    .busqueda-form {
        flex-direction: column;
    }

    .busqueda-form button {
        padding: 17px;
    }

    .ejemplos span {
        display: inline-block;
        margin-top: 10px;
    }
}
    /* ============================================================
    NUEVA SOLICITUD
    ============================================================ */

    .volver {
        color: #333;
        text-decoration: none;
    }

    .solicitud-page {
        padding: 55px 20px 90px;
    }

    .solicitud-container {
        width: 100%;
        max-width: 720px;
        margin: auto;
    }

    .paso {
        font-size: 14px;
        font-weight: 700;
        color: #777;
        margin-bottom: 12px;
    }

    .solicitud-container h1 {
        margin: 0 0 12px;
        font-size: 38px;
    }

    .solicitud-subtitulo {
        color: #666;
        line-height: 1.6;
        margin-bottom: 35px;
    }

    .solicitud-form {
        background: #fff;
        padding: 32px;
        border-radius: 16px;
        border: 1px solid #ececec;
    }

    .form-group {
        margin-bottom: 27px;
    }

    .form-group > label {
        display: block;
        margin-bottom: 9px;
        font-weight: 700;
    }

    .form-group label span {
        color: #888;
        font-weight: normal;
    }

    .form-group input[type="text"],
    .form-group textarea,
    .form-group select {
        width: 100%;
        padding: 14px 15px;
        border: 1px solid #d9dce1;
        border-radius: 9px;
        font-size: 16px;
        font-family: inherit;
        background: #fff;
    }

    .form-group textarea {
        resize: vertical;
    }

    .form-group input:focus,
    .form-group textarea:focus,
    .form-group select:focus {
        outline: none;
        border-color: #555;
    }

    .form-group small {
        display: block;
        margin-top: 7px;
        color: #777;
        line-height: 1.4;
    }

    .modalidades {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .modalidad-card {
        border: 1px solid #ddd;
        border-radius: 12px;
        padding: 17px;
        cursor: pointer;
        display: flex;
        gap: 12px;
    }

    .modalidad-card input {
        margin-top: 4px;
    }

    .modalidad-card strong,
    .modalidad-card span {
        display: block;
    }

    .modalidad-card span {
        margin-top: 6px;
        color: #666;
        font-size: 14px;
        line-height: 1.4;
    }

    .btn-continuar {
        width: 100%;
        border: 0;
        border-radius: 10px;
        background: #202124;
        color: #fff;
        padding: 17px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
    }

    @media (max-width: 650px) {

        .solicitud-form {
            padding: 22px;
        }

        .modalidades {
            grid-template-columns: 1fr;
        }

        .solicitud-container h1 {
            font-size: 31px;
        }
    }

    .prestador-match {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 17px;
        margin-top: 10px;
        border: 1px solid #e1e3e6;
        border-radius: 10px;
        background: #f8f9fa;
    }

    .prestador-estado {
        margin-top: 5px;
        font-size: 14px;
        color: #666;
    }

    .match-badge {
        padding: 7px 10px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid #ddd;
        font-size: 12px;
        font-weight: 700;
    }

    /* ============================================================
    PANEL PRESTADOR
    ============================================================ */

    .prestador-page {
        padding: 55px 20px 90px;
    }

    .prestador-container {
        width: 100%;
        max-width: 820px;
        margin: auto;
    }

    .prestador-container h1 {
        margin: 0 0 12px;
        font-size: 38px;
    }

    .solicitudes-lista {
        display: grid;
        gap: 18px;
    }

    .solicitud-card {
        background: #fff;
        border: 1px solid #e4e6e8;
        border-radius: 15px;
        padding: 26px;
    }

    .solicitud-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .codigo-solicitud {
        color: #666;
        font-size: 14px;
    }

    .solicitud-card h2 {
        margin: 18px 0 7px;
        font-size: 24px;
    }

    .solicitud-meta {
        color: #666;
        font-size: 15px;
    }

    .necesidad-texto {
        margin: 22px 0;
        line-height: 1.6;
        font-size: 17px;
    }

    .btn-ver-solicitud {
        display: inline-block;
        padding: 12px 18px;
        background: #202124;
        color: #fff;
        border-radius: 9px;
        text-decoration: none;
        font-weight: 700;
    }

    .sin-solicitudes {
        background: #fff;
        border: 1px solid #e4e6e8;
        border-radius: 15px;
        padding: 30px;
    }

    .sin-solicitudes p {
        color: #666;
        margin-bottom: 0;
    }

    /* ============================================================
    DETALLE SOLICITUD - PRESTADOR
    ============================================================ */

    .detalle-solicitud {
        margin-top: 25px;
        background: #fff;
        border: 1px solid #e4e6e8;
        border-radius: 16px;
        padding: 32px;
    }

    .detalle-codigo {
        font-size: 15px;
        color: #555;
    }

    .detalle-solicitud h1 {
        margin: 28px 0 8px;
        font-size: 34px;
    }

    .detalle-meta {
        color: #666;
        margin-bottom: 35px;
    }

    .detalle-bloque {
        padding: 22px 0;
        border-top: 1px solid #eeeeee;
    }

    .detalle-bloque label {
        display: block;
        font-weight: 700;
        margin-bottom: 9px;
    }

    .detalle-bloque p {
        margin: 0;
        line-height: 1.6;
    }

    .detalle-necesidad {
        font-size: 19px;
    }

    .detalle-bloque small {
        display: block;
        margin-top: 7px;
        color: #777;
    }

    .detalle-accion {
    padding-top: 25px;
    border-top: 1px solid #eeeeee;
    }

    .btn-interesado {
        width: 100%;
        border: 0;
        border-radius: 10px;
        background: #202124;
        color: #fff;
        padding: 16px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
    }

    .detalle-accion p {
        margin: 10px 0 0;
        text-align: center;
        color: #777;
        font-size: 13px;
    }

    .respuesta-confirmada {
        margin-top: 25px;
        padding: 16px;
        border: 1px solid #dfe3e6;
        border-radius: 10px;
        font-weight: 700;
    }

    .prestador-info {
        flex: 1;
    }

    .prestador-interesado {
        font-weight: 700;
        color: #202124;
    }

    .propuesta-mensaje {
        margin-top: 10px;
        padding: 10px 12px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
        font-size: 14px;
        line-height: 1.5;
    }

    .propuesta-formulario {
    margin-top: 22px;
    padding-top: 25px;
    border-top: 1px solid #eeeeee;
    }

    .propuesta-formulario h2 {
        margin: 0 0 8px;
        font-size: 22px;
    }

    .propuesta-ayuda {
        color: #666;
        margin-bottom: 24px;
    }

    .propuesta-campo {
        margin-bottom: 20px;
    }

    .propuesta-campo label {
        display: block;
        margin-bottom: 8px;
        font-weight: 700;
    }

    .propuesta-campo input,
    .propuesta-campo textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 13px;
        border: 1px solid #d9dce0;
        border-radius: 9px;
        font: inherit;
    }

    .campo-con-unidad {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .campo-con-unidad span {
        white-space: nowrap;
        color: #555;
    }

    .propuesta-datos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 14px;
    }

    .propuesta-datos > div {
        padding: 14px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 9px;
        line-height: 1.5;
    }

    @media (max-width: 600px) {
        .propuesta-datos {
            grid-template-columns: 1fr;
        }
    }

    .form-aceptar-visita {
    margin-top: 16px;
    }

    .btn-aceptar-visita {
        width: 100%;
        padding: 15px 18px;
        border: 0;
        border-radius: 9px;
        background: #202124;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
    }

    .visita-aceptada {
        margin-top: 16px;
        padding: 14px;
        border: 1px solid #dfe3e6;
        border-radius: 9px;
        font-weight: 700;
    }

/* Contexto activo de la cuenta */
.ali-role-label {
    display:inline-flex;
    align-items:center;
    padding:7px 11px;
    border:1px solid #d9dce1;
    border-radius:999px;
    background:#f7f8fa;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

/* ===========================================================
   AC Service · UX INICIO · 2026-10
   Cambios limitados a la portada. No altera los formularios ni
   las reglas operativas existentes.
   =========================================================== */
:root { --ali-ink:#172d35; --ali-teal:#087f80; --ali-line:#e1e9e8; }
body { color:var(--ali-ink); background:#f8faf9; }
.ali-header { position:relative; z-index:2; border-bottom:1px solid var(--ali-line); }
.ali-nav { min-height:82px; gap:20px; }
.ali-logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--ali-ink); font-size:23px; font-weight:850; letter-spacing:-.8px; white-space:nowrap; }
.ali-logo-mark { width:39px; height:39px; border-radius:12px; display:grid; place-items:center; color:#fff; background:var(--ali-teal); font-size:22px; }
.ali-logo-accent { color:var(--ali-teal); }
.ali-nav-actions { flex-wrap:wrap; justify-content:flex-end; gap:10px 20px; font-size:14px; }
.ali-nav-actions a { font-weight:600; }
.ali-nav-actions a:hover { color:var(--ali-teal); }
.ali-nav-actions .btn-prestador { background:var(--ali-ink); color:white; border:1px solid var(--ali-ink); padding:11px 16px; }
.ali-nav-actions .btn-prestador:hover { background:var(--ali-teal); border-color:var(--ali-teal); color:#fff; }
.hero { padding:105px 0 110px; background:radial-gradient(ellipse at 15% 20%,#e0f3ee 0%,transparent 43%),radial-gradient(ellipse at 90% 80%,#e5f1f4 0%,transparent 40%),#f7faf9; }
.hero-content { max-width:850px; }
.hero-badge { color:#176b65; background:#ecf8f4; border:1px solid #c9e6dc; font-size:13px; font-weight:700; padding:10px 15px; }
.hero-badge-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#16a37e; margin-right:7px; }
.hero h1 { max-width:780px; margin:0 auto; font-size:clamp(44px,6.2vw,76px); letter-spacing:-2.9px; line-height:1.08; }
.hero-emphasis { color:var(--ali-teal); }
.hero-subtitle { color:#566a6f; font-size:19px; max-width:600px; margin:25px auto 35px; }
.busqueda-form { border:1px solid #e3ecea; border-radius:19px; box-shadow:0 20px 50px rgba(17,62,65,.10); padding:9px; }
.busqueda-form input { color:var(--ali-ink); }
.busqueda-form input:focus-visible { outline:2px solid #0c9891; outline-offset:-3px; border-radius:10px; }
.busqueda-form button { background:var(--ali-teal); font-size:15px; padding:0 28px; border-radius:12px; transition:background .15s; }
.busqueda-form button:hover { background:#056969; }
.ejemplos { display:flex; align-items:center; justify-content:center; gap:9px; flex-wrap:wrap; margin-top:22px; }
.ejemplos-label { color:#6b7d80; }
.ejemplos button { cursor:pointer; border:1px solid #d9e6e3; border-radius:99px; padding:8px 13px; color:#2d5c5b; background:rgba(255,255,255,.85); font:inherit; }
.ejemplos button:hover { border-color:var(--ali-teal); background:#e7f6f2; }
.ali-trust { background:#fff; border-top:1px solid var(--ali-line); border-bottom:1px solid var(--ali-line); padding:30px 0; }
.trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.trust-grid>div { padding:10px 22px; border-right:1px solid var(--ali-line); }
.trust-grid>div:last-child { border-right:0; }
.trust-number { display:block; font-weight:800; color:var(--ali-teal); font-size:13px; margin-bottom:9px; }
.trust-grid strong { font-size:15px; }
.trust-grid p { color:#647579; line-height:1.5; font-size:13px; margin:7px 0 0; }
.categorias { padding:75px 0 90px; background:#f8faf9; }
.section-eyebrow { text-align:center; color:var(--ali-teal); font-size:12px; font-weight:800; letter-spacing:1.5px; margin:0 0 13px; }
.categorias h2 { font-size:clamp(27px,3.5vw,38px); letter-spacing:-1px; margin-bottom:10px; }
.section-intro { text-align:center; color:#66777b; margin:0 0 36px; }
.categoria-grid { grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); gap:15px; }
.categoria-card { background:#fff; border:1px solid var(--ali-line); border-radius:17px; padding:24px; min-height:145px; box-shadow:0 5px 18px rgba(24,56,55,.025); transition:transform .15s,border-color .15s; }
.categoria-card:hover { transform:translateY(-3px); border-color:#b7d9d2; }
.categoria-icono { width:53px; height:53px; border-radius:15px; display:grid; place-items:center; background:#eaf6f2; font-size:27px; }
footer { background:#fff; border-top:1px solid var(--ali-line); }
footer .ali-container { display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; }
@media(max-width:800px) { .ali-nav { align-items:flex-start; padding:18px 0; flex-direction:column; } .ali-nav-actions { justify-content:flex-start; } .hero { padding:75px 0 80px; } .trust-grid { gap:5px; } .trust-grid>div { padding:10px; } }
@media(max-width:650px) { .ali-container { width:min(1120px,calc(100% - 30px)); } .ali-nav-actions a:first-child { display:inline-flex; } .ali-nav-actions { gap:10px 14px; } .hero { padding:65px 0 70px; } .hero h1 { font-size:46px; letter-spacing:-1.8px; } .hero-subtitle { font-size:16px; } .busqueda-form { padding:8px; } .busqueda-form button { min-height:52px; } .trust-grid { grid-template-columns:1fr; } .trust-grid>div { border-right:0; border-bottom:1px solid var(--ali-line); padding:13px 0; } .trust-grid>div:last-child { border-bottom:0; } .categorias { padding:55px 0; } .categoria-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .categoria-card { min-height:125px; padding:15px; font-size:14px; } }
@media(max-width:360px) { .categoria-grid { grid-template-columns:1fr; } .hero h1 { font-size:39px; } }

/* AC Service — sistema visual UX v2. Solo presentación. */
:root{--ali-teal:#087f80;--ali-ink:#122e36;--ali-muted:#5f7378;--ali-line:#dae9e6;--ali-soft:#eaf7f3}
html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ali-ink)}a{color:#087f80}a:hover{color:#065c61}
.ali-header{background:#fff}.ali-logo{font-weight:850!important;text-decoration:none!important;color:#17323b!important}.ali-logo-mark{flex:none;box-shadow:0 6px 16px #087f8033}.ali-logo-accent{color:#087f80}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:565px;display:flex;align-items:center;background:linear-gradient(112deg,#f0faf6 0%,#edf7f6 48%,#e2f2ef 100%);padding:80px 0 95px}
.hero-art{position:absolute;z-index:-1;right:0;top:0;width:42%;height:100%;overflow:hidden;opacity:.75;mask-image:linear-gradient(to right,transparent,#000 42%)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero-content{max-width:1000px;position:relative;text-align:left}.hero h1{max-width:700px;margin:0;font-size:clamp(43px,5.5vw,72px);line-height:1.08;letter-spacing:-2px}.hero-subtitle{margin:24px 0 30px;max-width:590px}.hero-badge{margin-bottom:23px}.busqueda-form{max-width:700px;margin:0;box-shadow:0 22px 48px #143b3621}.ejemplos{max-width:700px;justify-content:flex-start}.ejemplos button{appearance:none;font:inherit;border:1px solid #b7dcd4;border-radius:100px;background:#fff;padding:8px 15px;color:#235c5b;cursor:pointer}.ejemplos button:hover{background:#dff4ee}.ejemplos-label{margin:0}
.ali-trust{padding:38px 0}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid>div{display:flex;flex-direction:column;gap:5px;padding:16px 28px}.trust-number{font-size:21px;letter-spacing:-.8px}.trust-grid strong{font-size:17px}.trust-grid p{font-size:14px}
.categoria-card{box-shadow:0 12px 25px #103e3909}.categoria-card:hover{box-shadow:0 18px 36px #103e391a}.ali-nav-actions .btn-prestador{border-radius:12px}.ali-header-back{text-decoration:none;font-weight:700}
/* Login y registro */
.ali-auth-page{min-height:100vh;background:radial-gradient(circle at 10% 15%,#dff4ec,transparent 35%),radial-gradient(circle at 95% 90%,#e4f4f5,transparent 38%),#f7faf9}
.ali-auth-main{padding:65px 18px 90px!important}.ali-auth-main .solicitud-container{max-width:540px!important;margin:0 auto}.ali-auth-card{background:#fff;border:1px solid var(--ali-line);border-radius:24px;padding:42px!important;box-shadow:0 22px 65px #123e3812}.ali-auth-card h1{font-size:clamp(29px,4vw,38px);letter-spacing:-1.3px;margin:12px 0 14px}.ali-auth-card .paso{font-weight:750;color:#087f80}.ali-auth-card .solicitud-subtitulo{line-height:1.65;color:var(--ali-muted);margin-bottom:28px}.ali-auth-card .form-group{margin-bottom:22px}.ali-auth-card .form-group label{display:block;font-weight:700;margin-bottom:9px}.ali-auth-card .form-control{display:block;width:100%!important;max-width:none!important;min-height:52px;padding:13px 15px!important;border:1px solid #c6d8d5!important;border-radius:12px!important;background:#fbfefd!important;font:inherit;box-sizing:border-box}.ali-auth-card .form-control:focus{outline:3px solid #bceae0;border-color:#087f80!important}.ali-auth-card .btn-continuar{min-height:53px;border-radius:12px!important;background:#087f80!important;font-size:16px;font-weight:750}.ali-auth-card .btn-continuar:hover{background:#05686a!important}
.reg-wrap{max-width:800px!important;margin:45px auto 70px!important}.reg-card{border:1px solid var(--ali-line)!important;border-radius:24px!important;padding:38px!important;box-shadow:0 22px 65px #123e3810}.reg-card h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1.2px;margin-top:0}.reg-card>p{color:var(--ali-muted);line-height:1.6}.reg-card label{color:#19383e}.reg-card input,.reg-card select{min-height:50px;border:1px solid #c5d8d4!important;border-radius:11px!important;background:#fbfefd;font:inherit}.reg-card input:focus,.reg-card select:focus{outline:3px solid #bceae0;border-color:#087f80!important}.reg-card button{min-height:54px;font-size:16px;background:#087f80!important;border-radius:12px!important}.reg-card button:hover{background:#05686a!important}
@media(max-width:800px){.hero-art{width:52%;opacity:.23}.hero-content{text-align:center}.hero h1,.hero-subtitle,.busqueda-form{margin-left:auto;margin-right:auto}.ejemplos{justify-content:center;margin-left:auto;margin-right:auto}.hero{min-height:0;padding:85px 0}.trust-grid>div{padding:14px}}
@media(max-width:650px){.hero{padding:65px 0 75px}.hero h1{font-size:clamp(38px,10vw,52px)}.hero-art{width:100%;opacity:.12;mask-image:none}.hero-subtitle{font-size:17px}.ali-auth-card{padding:26px!important}.ali-auth-main{padding-top:35px!important}.reg-wrap{margin:20px auto 40px!important}.reg-card{padding:22px!important}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--ali-line)}.busqueda-form{flex-direction:column}.busqueda-form button{min-height:53px}}

/* UX V3: imagen recortada desde el archivo original (sin fondo blanco) */
.hero-art{right:5%;top:14%;height:72%;width:30%;border-radius:30px;opacity:1;mask-image:none;box-shadow:0 28px 70px rgba(11,70,66,.16);z-index:-1;transform:rotate(2deg);border:7px solid rgba(255,255,255,.85)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-content{max-width:1120px}.hero h1{max-width:680px}.hero-subtitle{max-width:570px}.busqueda-form{max-width:690px}.ejemplos{max-width:690px}
@media(max-width:1100px){.hero-art{right:2%;width:28%;opacity:.42}.hero-content{padding-right:14%}}
@media(max-width:800px){.hero-art{right:0;top:10%;width:45%;height:80%;opacity:.12;transform:none;border:0;box-shadow:none}.hero-content{padding-right:0}}
@media(max-width:650px){.hero-art{width:100%;height:100%;top:0;right:0;opacity:.08;border-radius:0}}

/* AC Service UX V4: categorías accionables y fotografías de especialidades */
.ali-category-link{display:flex;flex-direction:column;gap:9px;color:inherit;text-decoration:none;cursor:pointer}
.ali-category-link:hover,.ali-category-link:focus-visible{border-color:#2a9b91;transform:translateY(-3px);box-shadow:0 16px 32px rgba(14,75,68,.12)}
.ali-category-link:focus-visible{outline:3px solid #158e85;outline-offset:3px}
.ali-category-cta{margin-top:auto;color:#08796e;font-size:13px;font-weight:750}
.ali-hero-carousel{isolation:isolate}
.ali-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.ali-hero-slide.is-active{opacity:1}
.ali-hero-label{position:absolute;left:15px;bottom:17px;background:rgba(8,57,55,.85);color:#fff;padding:8px 12px;border-radius:10px;font-weight:700;font-size:13px;z-index:2}
.ali-hero-dots{position:absolute;bottom:24px;right:17px;display:flex;gap:7px;z-index:3}
.ali-hero-dots button{height:10px;width:10px;border:0;border-radius:20px;background:#ffffff99;cursor:pointer;padding:0}
.ali-hero-dots button.is-active{background:#fff;width:24px}
.ali-selected-category{background:#e9f7f4;color:#115c56;border:1px solid #bce5dd;padding:12px 15px;border-radius:12px}
.ali-selected-category a{color:#075b53;font-weight:700}
@media(prefers-reduced-motion:reduce){.ali-hero-slide{transition:none}}

/* Fotografías de las ocho especialidades - presentación V4 */
.categoria-card.ali-category-link{padding:0;overflow:hidden;gap:8px;justify-content:flex-start;background:#fff;min-height:225px}
.ali-category-photo{width:100%;height:116px;object-fit:cover;display:block}
.categoria-card.ali-category-link>.categoria-icono{padding:0 16px;font-size:23px}
.categoria-card.ali-category-link>div:not(.categoria-icono){padding:0 16px}
.categoria-card.ali-category-link>.ali-category-cta{padding:0 16px 16px}
.ali-hero-slide{object-position:center}
@media(max-width:650px){.categoria-card.ali-category-link{min-height:215px}.ali-category-photo{height:130px}}
