/* =========================================================
   SERVICIOS AMPLIADOS: ALIMENTOS, GALERÍA Y REDES
========================================================= */
.pagina-servicios-ampliada .servicios-pantalla { justify-content:flex-start; }
.pagina-servicios-ampliada .servicios-intro-ampliada { width:min(1280px,100%); }
.pagina-servicios-ampliada .servicios-intro-ampliada h1 { max-width:1250px; margin-inline:auto; font-size:clamp(38px,5.2vw,67px); }
.pagina-servicios-ampliada .servicios-intro-ampliada p { width:min(1050px,100%); }
.pagina-servicios-ampliada .servicios-grid-cuatro { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card:last-child { grid-column:auto; width:auto; justify-self:stretch; }
.pagina-servicios-ampliada .servicio-card-contenido { padding:21px; }
.pagina-servicios-ampliada .servicio-card h2 { font-size:24px; }
.pagina-servicios-ampliada .servicio-card p { font-size:14px; }
.pagina-servicios-ampliada .servicio-imagen-contenedor::before { content:""; position:absolute; inset:-18px; z-index:0; background-image:var(--imagen-servicio); background-size:cover; background-position:center; filter:blur(16px); opacity:.48; transform:scale(1.12); }
.pagina-servicios-ampliada .servicio-img, .pagina-servicios-ampliada .servicio-imagen-sombra, .pagina-servicios-ampliada .servicio-etiqueta { position:relative; z-index:1; }

body.pagina-categoria-servicio.categoria-alimentos-bebidas { --servicio-acento:#b2682e; --servicio-acento-oscuro:#7d431d; --servicio-secundario:#70412e; }
body.pagina-categoria-servicio.categoria-alimentos-bebidas .servicio-categoria-ver-mas { background:linear-gradient(135deg,#c88739,#8b4c27,#51372d); }

.servicio-categoria-accion-web, .detalle-servicio-accion-web { background:linear-gradient(135deg,#1877f2,#8a3ab9 58%,#d62976); box-shadow:0 8px 19px rgba(72,69,161,.25); }
.servicio-categoria-galeria { margin-top:28px; padding:20px; background:rgba(255,255,255,.82); border:1px solid rgba(114,70,38,.12); border-radius:18px; box-shadow:0 7px 22px rgba(76,43,21,.08); }
.servicio-categoria-galeria[hidden] { display:none!important; }
.servicio-categoria-galeria-encabezado { display:grid; grid-template-columns:50px minmax(0,1fr); gap:16px; margin-bottom:17px; }
.servicio-categoria-galeria-encabezado h3 { margin:2px 0 7px; color:#7c4c25; font-size:17px; }
.servicio-categoria-galeria-encabezado p { color:#5d5049; font-size:14px; line-height:1.6; }
.servicio-categoria-galeria-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.servicio-categoria-galeria-item { position:relative; height:210px; overflow:hidden; padding:0; background:#dfd2c8; border:0; border-radius:14px; cursor:zoom-in; box-shadow:0 7px 19px rgba(52,34,23,.16); }
.servicio-categoria-galeria-item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.servicio-categoria-galeria-item:hover img { transform:scale(1.06); }
.servicio-galeria-visor { position:fixed; inset:0; z-index:1000000; display:flex; align-items:center; justify-content:center; padding:28px; visibility:hidden; opacity:0; background:rgba(18,11,8,.92); backdrop-filter:blur(7px); transition:.25s ease; }
.servicio-galeria-visor.activo { visibility:visible; opacity:1; }
.servicio-galeria-visor img { max-width:min(1200px,95vw); max-height:88vh; object-fit:contain; border-radius:16px; box-shadow:0 25px 80px rgba(0,0,0,.62); }
.servicio-galeria-visor-cerrar { position:absolute; top:18px; right:22px; width:48px; height:48px; color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.4); border-radius:50%; font-size:30px; cursor:pointer; }
.detalle-servicio-galeria { margin-top:30px; padding:22px; background:rgba(255,255,255,.78); border:1px solid rgba(114,70,38,.11); border-radius:18px; box-shadow:0 7px 22px rgba(76,43,21,.08); }
.detalle-servicio-galeria-titulo { display:grid; grid-template-columns:52px minmax(0,1fr); gap:16px; margin-bottom:18px; }
.detalle-servicio-galeria-titulo h2 { margin:2px 0 8px; color:#7c4c25; font-family:Georgia,"Times New Roman",serif; font-size:23px; }
.detalle-servicio-galeria-titulo p { color:#5d5049; line-height:1.7; }
.detalle-servicio-galeria-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.detalle-servicio-galeria-grid a { height:230px; overflow:hidden; border-radius:14px; box-shadow:0 7px 20px rgba(0,0,0,.17); }
.detalle-servicio-galeria-grid img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.detalle-servicio-galeria-grid a:hover img { transform:scale(1.06); }

@media(max-width:1250px){ .pagina-servicios-ampliada .servicios-grid-cuatro{grid-template-columns:repeat(2,minmax(0,1fr)); width:min(980px,100%); margin:auto;} }
@media(max-width:768px){ .pagina-servicios-ampliada .servicios-grid-cuatro{grid-template-columns:1fr;} .servicio-categoria-galeria-grid,.detalle-servicio-galeria-grid{grid-template-columns:1fr;} .servicio-categoria-galeria-item,.detalle-servicio-galeria-grid a{height:250px;} .servicio-categoria-galeria{padding:16px;} .servicio-categoria-galeria-encabezado,.detalle-servicio-galeria-titulo{grid-template-columns:44px minmax(0,1fr);gap:13px;} }
@media(max-width:480px){ .pagina-servicios-ampliada .servicios-intro-ampliada h1{font-size:34px;} .servicio-categoria-galeria-item,.detalle-servicio-galeria-grid a{height:215px;} .servicio-galeria-visor{padding:13px;} }

/* =========================================================
   ACTUALIZACIÓN V2: CUATRO CATEGORÍAS Y SUBCATEGORÍAS
========================================================= */
.pagina-servicios-ampliada .servicios-section {
    width: 100%;
    max-width: none;
    padding-inline: 24px;
}

.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(1720px, 100%) !important;
    max-width: none !important;
    margin-inline: auto !important;
    gap: 22px !important;
}

.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
}

.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-imagen-contenedor {
    min-height: 245px;
}

.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card-contenido {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card h2 {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: clamp(21px, 1.45vw, 27px);
    line-height: 1.14;
    text-align: center;
}

.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card p {
    flex: 1;
}

.servicio-subcategorias-menu {
    position: sticky;
    top: 102px;
    z-index: 30;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    width: min(1280px, calc(100% - 34px));
    margin: 0 auto 28px;
    padding: 14px;
    background: rgba(255, 250, 245, .92);
    border: 1px solid rgba(116, 73, 42, .16);
    border-radius: 18px;
    box-shadow: 0 9px 28px rgba(68, 40, 22, .13);
    backdrop-filter: blur(10px);
}

.servicio-subcategorias-menu a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 17px;
    color: #fff;
    background: linear-gradient(135deg, #a72aad, #754330);
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(91, 47, 55, .18);
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    transition: transform .22s ease, box-shadow .22s ease;
}

.servicio-subcategorias-menu a:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(91, 47, 55, .25);
}

.servicio-subcategorias-contenedor {
    display: grid;
    gap: 34px;
    padding-bottom: 28px;
}

.servicio-categoria-seccion.servicio-subcategoria-seccion {
    scroll-margin-top: 185px;
    width: min(1420px, calc(100% - 34px));
    margin: 0 auto;
    padding-top: 0;
}

.servicio-subcategoria-encabezado {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
    padding: 20px 24px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,238,.93));
    border: 1px solid rgba(119, 73, 40, .16);
    border-left: 6px solid var(--servicio-acento, #9d5c32);
    border-radius: 19px;
    box-shadow: 0 9px 28px rgba(75, 43, 23, .12);
}

.servicio-subcategoria-icono {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    background: #f6e5d7;
    border-radius: 17px;
    font-size: 29px;
}

.servicio-subcategoria-encabezado span {
    color: var(--servicio-acento, #9d5c32);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.servicio-subcategoria-encabezado h2 {
    margin: 3px 0 5px;
    color: #663c25;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.12;
}

.servicio-subcategoria-encabezado p {
    margin: 0;
    color: #62554d;
    font-size: 15px;
    line-height: 1.6;
}

.servicio-subcategoria-vacia {
    padding: 28px;
    color: #6b5b52;
    background: rgba(255, 255, 255, .72);
    border: 1px dashed rgba(116, 73, 42, .28);
    border-radius: 17px;
    text-align: center;
    font-weight: 700;
}

@media (max-width: 1500px) {
    .pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(1080px, 100%) !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card h2 {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .pagina-servicios-ampliada .servicios-section {
        padding-inline: 11px;
    }

    .pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        grid-template-columns: 1fr !important;
    }

    .servicio-subcategorias-menu {
        position: static;
        width: calc(100% - 22px);
        justify-content: stretch;
        padding: 11px;
    }

    .servicio-subcategorias-menu a {
        flex: 1 1 calc(50% - 8px);
        padding-inline: 11px;
        font-size: 12px;
        text-align: center;
    }

    .servicio-categoria-seccion.servicio-subcategoria-seccion {
        width: calc(100% - 22px);
        scroll-margin-top: 20px;
    }

    .servicio-subcategoria-encabezado {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 13px;
        padding: 17px 15px;
    }

    .servicio-subcategoria-icono {
        width: 50px;
        height: 50px;
        font-size: 23px;
    }

    .servicio-subcategoria-encabezado p {
        font-size: 13px;
    }
}

/* =========================================================
   CORRECCIÓN V3
   - Mantiene las cuatro categorías en una sola fila de escritorio.
   - Corrige la presentación de las subcategorías de Salud y Alimentos.
   - Este bloque debe permanecer al final del archivo.
========================================================= */

/* Cuatro tarjetas visibles en una sola fila en computadoras. */
@media (min-width: 1180px) {
    .pagina-servicios-ampliada .servicios-pantalla {
        padding-top: clamp(20px, 2.4vh, 32px) !important;
        padding-right: 17px !important;
        padding-bottom: clamp(54px, 6vh, 72px) !important;
        padding-left: 17px !important;
    }

    .pagina-servicios-ampliada .servicios-intro-ampliada {
        margin-bottom: clamp(20px, 2.5vh, 30px) !important;
    }

    .pagina-servicios-ampliada .servicios-intro-ampliada h1 {
        font-size: clamp(38px, 4.4vw, 62px) !important;
    }

    .pagina-servicios-ampliada .servicios-intro-ampliada p {
        padding: 15px 22px !important;
        font-size: clamp(14px, 1.05vw, 16px) !important;
        line-height: 1.58 !important;
    }

    .pagina-servicios-ampliada .servicios-section {
        width: 100% !important;
        max-width: none !important;
        padding-inline: 0 !important;
    }

    .pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: min(1760px, calc(100vw - 34px)) !important;
        max-width: none !important;
        margin: 0 auto !important;
        gap: clamp(14px, 1.25vw, 22px) !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card,
    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card:last-child {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        justify-self: stretch !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-imagen-contenedor {
        height: clamp(190px, 14vw, 235px) !important;
        min-height: 0 !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card-contenido {
        min-height: 270px !important;
        padding: clamp(16px, 1.25vw, 21px) !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card h2 {
        min-height: 54px !important;
        margin-bottom: 9px !important;
        font-size: clamp(19px, 1.42vw, 25px) !important;
        line-height: 1.13 !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card p {
        margin-bottom: 17px !important;
        font-size: clamp(12.5px, .92vw, 14px) !important;
        line-height: 1.58 !important;
    }

    .pagina-servicios-ampliada .servicios-grid-cuatro .btn-ir {
        padding: 13px 11px !important;
        font-size: clamp(12.5px, .94vw, 14px) !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

/* Tabletas: dos columnas. */
@media (min-width: 761px) and (max-width: 1179px) {
    .pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(980px, 100%) !important;
    }
}

/* Presentación estable de las páginas de subcategorías. */
body.pagina-categoria-servicio .servicio-categoria-main {
    position: relative;
    z-index: 1;
}

body.pagina-categoria-servicio .servicio-subcategorias-menu {
    position: sticky;
    top: 118px;
    z-index: 100;
}

body.pagina-categoria-servicio .servicio-subcategorias-menu a {
    color: #ffffff !important;
    text-decoration: none !important;
}

body.pagina-categoria-servicio .servicio-subcategorias-contenedor {
    width: 100%;
}

body.pagina-categoria-servicio .servicio-subcategoria-encabezado,
body.pagina-categoria-servicio .servicio-subcategoria-vacia {
    visibility: visible !important;
    opacity: 1 !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-encabezado h2,
body.pagina-categoria-servicio .servicio-subcategoria-encabezado p,
body.pagina-categoria-servicio .servicio-subcategoria-encabezado span {
    visibility: visible !important;
    opacity: 1 !important;
}

body.pagina-categoria-servicio.categoria-salud {
    --servicio-acento: #3f846f;
    --servicio-acento-claro: #65aa93;
    --servicio-acento-oscuro: #286052;
    --servicio-secundario: #5c4939;
}

body.pagina-categoria-servicio.categoria-salud .servicio-subcategorias-menu a {
    background: linear-gradient(135deg, #3f846f, #286052 62%, #51372d) !important;
}

body.pagina-categoria-servicio.categoria-salud .servicio-subcategoria-icono {
    background: rgba(63, 132, 111, .15) !important;
}

body.pagina-categoria-servicio.categoria-salud .servicio-subcategoria-encabezado {
    border-left-color: #3f846f !important;
}

body.pagina-categoria-servicio.categoria-salud .servicio-subcategoria-encabezado span {
    color: #34725f !important;
}

@media (max-width: 1050px) {
    body.pagina-categoria-servicio .servicio-subcategorias-menu {
        top: 100px;
    }
}

@media (max-width: 768px) {
    body.pagina-categoria-servicio .servicio-subcategorias-menu {
        position: static;
        top: auto;
    }
}

/* =========================================================
   CORRECCIÓN DEFINITIVA V4
   - Fuerza cuatro categorías en una sola fila en escritorio.
   - Presenta correctamente las subcategorías de alimentos y salud.
   - Conserva dos columnas en tablet y una en celular.
========================================================= */

body.pagina-servicios-ampliada .servicios-section {
    width: 100% !important;
    max-width: none !important;
}

body.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
    display: grid !important;
    align-items: stretch !important;
}

body.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro > .servicio-card,
body.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro > .servicio-card:last-child {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-self: stretch !important;
}

@media (min-width: 1200px) {
    body.pagina-servicios-ampliada .servicios-pantalla {
        min-height: auto !important;
        padding: 24px 18px 58px !important;
    }

    body.pagina-servicios-ampliada .servicios-intro.servicios-intro-ampliada {
        width: min(1450px, 100%) !important;
        margin: 0 auto 24px !important;
    }

    body.pagina-servicios-ampliada .servicios-intro-ampliada h1 {
        max-width: 1400px !important;
        margin: 12px auto 16px !important;
        font-size: clamp(38px, 4vw, 60px) !important;
        line-height: 1.02 !important;
    }

    body.pagina-servicios-ampliada .servicios-intro-ampliada p {
        width: min(1120px, 100%) !important;
        margin: 0 auto !important;
        padding: 14px 22px !important;
        font-size: clamp(14px, 1vw, 16px) !important;
        line-height: 1.55 !important;
    }

    body.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: min(1740px, calc(100vw - 36px)) !important;
        max-width: none !important;
        margin: 0 auto !important;
        gap: clamp(14px, 1.15vw, 20px) !important;
    }

    body.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 455px !important;
        overflow: hidden !important;
    }

    body.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-imagen-contenedor {
        height: clamp(190px, 13vw, 225px) !important;
        min-height: 190px !important;
    }

    body.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card-contenido {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        min-height: 230px !important;
        padding: 18px 18px 20px !important;
    }

    body.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card h2 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 55px !important;
        margin: 0 0 9px !important;
        font-size: clamp(19px, 1.35vw, 24px) !important;
        line-height: 1.12 !important;
        text-align: center !important;
    }

    body.pagina-servicios-ampliada .servicios-grid-cuatro .servicio-card p {
        flex: 1 1 auto !important;
        margin: 0 0 16px !important;
        font-size: clamp(12px, .9vw, 14px) !important;
        line-height: 1.55 !important;
    }

    body.pagina-servicios-ampliada .servicios-grid-cuatro .btn-ir {
        width: 100% !important;
        min-height: 52px !important;
        margin-top: auto !important;
        padding: 12px 10px !important;
        font-size: clamp(12px, .9vw, 14px) !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        text-align: center !important;
    }
}

@media (min-width: 761px) and (max-width: 1199px) {
    body.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(1040px, calc(100% - 28px)) !important;
        margin: 0 auto !important;
        gap: 20px !important;
    }
}

@media (max-width: 760px) {
    body.pagina-servicios-ampliada .servicios-grid.servicios-grid-cuatro {
        grid-template-columns: minmax(0, 1fr) !important;
        width: calc(100% - 20px) !important;
        margin: 0 auto !important;
        gap: 18px !important;
    }
}

body.pagina-categoria-servicio .servicio-subcategorias-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    width: min(1320px, calc(100% - 32px)) !important;
    margin: 0 auto 30px !important;
    padding: 14px !important;
    background: rgba(255, 251, 247, .96) !important;
    border: 1px solid rgba(103, 61, 35, .18) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 30px rgba(62, 36, 20, .14) !important;
    list-style: none !important;
}

body.pagina-categoria-servicio .servicio-subcategorias-menu a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 10px 18px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #a92bad, #714132) !important;
    border-radius: 999px !important;
    box-shadow: 0 7px 18px rgba(93, 48, 55, .20) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body.pagina-categoria-servicio .servicio-subcategorias-contenedor {
    display: grid !important;
    width: 100% !important;
    gap: 34px !important;
    padding-bottom: 38px !important;
}

body.pagina-categoria-servicio .servicio-categoria-seccion.servicio-subcategoria-seccion {
    display: block !important;
    width: min(1440px, calc(100% - 32px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    scroll-margin-top: 180px !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-encabezado {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 20px 24px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,238,.96)) !important;
    border: 1px solid rgba(108, 66, 38, .17) !important;
    border-left: 6px solid var(--servicio-acento, #92552f) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 28px rgba(68, 39, 22, .13) !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-icono {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 62px !important;
    height: 62px !important;
    background: rgba(151, 87, 48, .13) !important;
    border-radius: 18px !important;
    font-size: 29px !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-encabezado span {
    display: block !important;
    color: var(--servicio-acento, #92552f) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 1.2px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-encabezado h2 {
    margin: 4px 0 5px !important;
    color: #633a24 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(27px, 3vw, 39px) !important;
    line-height: 1.1 !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-encabezado p {
    margin: 0 !important;
    color: #61544c !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

body.pagina-categoria-servicio .servicio-subcategoria-vacia {
    display: block !important;
    width: 100% !important;
    padding: 28px !important;
    color: #65564e !important;
    background: rgba(255, 255, 255, .82) !important;
    border: 1px dashed rgba(108, 66, 38, .32) !important;
    border-radius: 18px !important;
    text-align: center !important;
    font-weight: 700 !important;
}

body.pagina-categoria-servicio.categoria-salud {
    --servicio-acento: #347563;
}

body.pagina-categoria-servicio.categoria-salud .servicio-subcategorias-menu a {
    background: linear-gradient(135deg, #4b9a82, #2f6f5d 62%, #51372d) !important;
}

body.pagina-categoria-servicio.categoria-salud .servicio-subcategoria-icono {
    background: rgba(52, 117, 99, .15) !important;
}

body.pagina-categoria-servicio.categoria-alimentos {
    --servicio-acento: #a55a27;
}

@media (max-width: 760px) {
    body.pagina-categoria-servicio .servicio-subcategorias-menu {
        position: static !important;
        width: calc(100% - 20px) !important;
        padding: 10px !important;
        gap: 9px !important;
    }

    body.pagina-categoria-servicio .servicio-subcategorias-menu a {
        flex: 1 1 calc(50% - 8px) !important;
        min-width: 0 !important;
        padding: 10px 8px !important;
        font-size: 12px !important;
        text-align: center !important;
    }

    body.pagina-categoria-servicio .servicio-categoria-seccion.servicio-subcategoria-seccion {
        width: calc(100% - 20px) !important;
    }

    body.pagina-categoria-servicio .servicio-subcategoria-encabezado {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 13px !important;
        padding: 16px 14px !important;
    }

    body.pagina-categoria-servicio .servicio-subcategoria-icono {
        width: 50px !important;
        height: 50px !important;
        font-size: 23px !important;
    }

    body.pagina-categoria-servicio .servicio-subcategoria-encabezado p {
        font-size: 13px !important;
    }
}