/* HOME: presentación editorial y exploración por categorías. */

.pagina-home header .home-logo {
    display: block;
    width: clamp(112px, 18vw, 160px);
    line-height: 0;
}

.pagina-home header .home-logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.pagina-home header .home-logo:focus-visible {
    border-radius: 4px;
    outline: 3px solid rgba(31, 53, 40, 0.32);
    outline-offset: 3px;
}

/* El indicador activo identifica la primera imagen sin cambiar el carrusel. */
.pagina-home .hero-bienvenida {
    display: none;
}

.pagina-home .hero:has(.hero-indicadores span:first-child.activo) .hero-bienvenida:not(.hero-mascotas):not(.hero-gastronomia),
.pagina-home .hero:has(.hero-indicadores span:nth-child(2).activo) .hero-mascotas,
.pagina-home .hero:has(.hero-indicadores span:nth-child(3).activo) .hero-gastronomia {
    display: block;
}

.pagina-home .hero:has(.hero-indicadores span:first-child.activo) .hero-original,
.pagina-home .hero:has(.hero-indicadores span:nth-child(2).activo) .hero-original,
.pagina-home .hero:has(.hero-indicadores span:nth-child(3).activo) .hero-original {
    display: none;
}

.pagina-home .hero:has(.hero-indicadores span:first-child.activo) .hero-contenido,
.pagina-home .hero:has(.hero-indicadores span:nth-child(2).activo) .hero-contenido,
.pagina-home .hero:has(.hero-indicadores span:nth-child(3).activo) .hero-contenido {
    width: min(720px, 100%);
}

.pagina-home .hero-bienvenida .hero-bienvenida-etiqueta {
    max-width: none;
    margin-bottom: 10px;
    color: #f4f1eb;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.16em;
}

.pagina-home .hero-bienvenida h1 {
    margin-bottom: 16px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(48px, 5.8vw, 70px);
    font-weight: 600;
    line-height: 0.95;
    letter-spacing: -0.025em;
}

.pagina-home .hero-bienvenida h1 em {
    font-weight: 500;
}

.pagina-home .hero-bienvenida .hero-bienvenida-descripcion {
    max-width: 510px;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    text-wrap: pretty;
}

@media (max-width: 600px) {
    .pagina-home .hero:has(.hero-indicadores span:first-child.activo) .hero-contenido,
    .pagina-home .hero:has(.hero-indicadores span:nth-child(2).activo) .hero-contenido,
    .pagina-home .hero:has(.hero-indicadores span:nth-child(3).activo) .hero-contenido {
        padding: 22px 24px 22px 18px;
    }

    .pagina-home .hero-bienvenida .hero-bienvenida-etiqueta {
        margin-bottom: 8px;
        font-size: 10px;
    }

    .pagina-home .hero-bienvenida h1 {
        margin-bottom: 12px;
        font-size: clamp(35px, 9vw, 46px);
    }

    .pagina-home .hero-bienvenida .hero-bienvenida-descripcion {
        max-width: 36ch;
        font-size: 13.5px;
        line-height: 1.5;
    }

}

/* Introducción editorial a la exploración. */
.pagina-home .presentacion {
    padding: clamp(58px, 7vw, 92px) 24px clamp(48px, 6vw, 76px);
    background-color: #fbfaf6;
}

.pagina-home .presentacion-texto {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
}

.pagina-home .presentacion-texto h2 {
    max-width: 720px;
    margin: 0 auto 24px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.pagina-home .presentacion-texto h2 span,
.pagina-home .presentacion-texto h2 em {
    display: block;
}

.pagina-home .presentacion-texto h2 em {
    margin-top: 0.08em;
    font-weight: 500;
}

.pagina-home .presentacion-texto p {
    max-width: 640px;
    margin-inline: auto;
    font-family: "Inter", sans-serif;
    font-size: clamp(15px, 1.3vw, 17px);
    font-weight: 400;
    line-height: 1.8;
    color: #526057;
    text-wrap: pretty;
}

/* Categorías: iconos lineales y navegación solo con destino confirmado. */
.pagina-home .presentacion-texto .home-exploracion-etiqueta {
    margin: 0 auto 20px;
    font-family: "Inter", sans-serif;
    color: #46604f;
    font-size: clamp(10px, 1vw, 12px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.pagina-home .categorias {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 1100px;
    margin: clamp(34px, 5vw, 54px) auto 0;
}

.pagina-home .categoria {
    justify-content: center;
    gap: 15px;
    min-height: 150px;
    padding: 22px 12px;
    border: 1px solid #e3e4dd;
    border-radius: 18px;
    background-color: #ffffff;
    color: #1f3528;
    text-decoration: none;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.pagina-home .categoria .home-categoria-icono {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border: 1px solid #e1e6dd;
    border-radius: 50%;
    background-color: rgba(0, 119, 145, 0.10);
    color: #007791;
    transition: background-color 180ms ease, border-color 180ms ease;
}

.pagina-home .home-categoria-icono svg {
    display: block;
    width: 32px;
    height: 32px;
}

.pagina-home .categoria p {
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.2vw, 16px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
}

.pagina-home a.categoria {
    cursor: pointer;
}

.pagina-home a.categoria:focus-visible {
    outline: 3px solid rgba(31, 53, 40, 0.28);
    outline-offset: 3px;
    border-color: #6e8374;
}

@media (hover: hover) and (pointer: fine) {
    .pagina-home .categoria:hover {
        transform: translateY(-3px);
        border-color: #c8cec5;
        box-shadow: 0 12px 28px rgba(31, 53, 40, 0.08);
    }

    .pagina-home .categoria:hover .home-categoria-icono {
        background-color: rgba(0, 119, 145, 0.17);
        border-color: rgba(0, 119, 145, 0.24);
    }
}

/* Botones de la HOME: identidad institucional sin naranja. */
.pagina-home header .boton-publicita,
.pagina-home .publicita a {
    border: 1px solid #284a35;
    border-radius: 999px;
    background-color: #fffdf8;
    color: #284a35;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, transform 200ms ease;
}

.pagina-home header .boton-publicita:hover,
.pagina-home .publicita a:hover {
    border-color: #284a35;
    background-color: #284a35;
    color: #ffffff;
}

.pagina-home header .boton-publicita:focus-visible,
.pagina-home .publicita a:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.72);
    outline-offset: 3px;
}

/* Recomendados: estilos exclusivos de esta sección de la home. */
.pagina-home .recomendados { padding: 72px 24px 80px; background: #FBFAF6; }
.pagina-home .recomendados-encabezado { max-width: 680px; margin: 0 auto 40px; text-align: center; }
.pagina-home .recomendados h2 { margin: 0; color: #1F3528; font: 600 42px/1.1 "Cormorant Garamond", Georgia, serif; letter-spacing: 0; text-align: center; }
.pagina-home .recomendados h2::after { content: ""; display: block; width: 64px; height: 3px; margin: 20px auto; background: #284A35; }
.pagina-home .recomendados-encabezado > p { max-width: 600px; margin: 0 auto; color: #526057; font: 400 15px/1.7 "Inter", sans-serif; }
.pagina-home .recomendados-contenedor { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; max-width: 1240px; margin: 0 auto; }
.pagina-home .recomendado { display: flex; flex-direction: column; width: 100%; min-width: 0; overflow: hidden; color: #1F3528; background: #FFFDF8; border: 1px solid #E3E4DD; border-radius: 20px; box-shadow: 0 4px 18px rgba(31,53,40,.04); text-decoration: none; transition: transform .3s, box-shadow .3s; }
.pagina-home .recomendado-foto { position: relative; height: 250px; overflow: hidden; }
.pagina-home .recomendado-foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.pagina-home .recomendado span { margin: 0; font-family: "Inter", sans-serif; letter-spacing: 0; }
.pagina-home .recomendado .recomendado-ubicacion { position: absolute; bottom: 16px; left: 16px; display: inline-block; padding: 7px 11px; color: #FFFDF8; background: rgba(31,53,40,.9); border-radius: 8px; font-size: 12px; font-weight: 500; line-height: 1.4; }
.pagina-home .recomendado-contenido { display: flex; flex-direction: column; flex: 1; padding: 26px; }
.pagina-home .recomendado h3 { margin: 0 0 10px; color: #1F3528; font: 600 28px/1.12 "Cormorant Garamond", Georgia, serif; letter-spacing: 0; }
.pagina-home .recomendado p { margin: 0; color: #526057; font-family: "Inter", sans-serif; letter-spacing: 0; }
.pagina-home .recomendado .recomendado-categoria { margin-bottom: 16px; font-size: 11px; font-weight: 600; line-height: 1.5; }
.pagina-home .recomendado .recomendado-descripcion { margin-bottom: 24px; font-size: 14px; line-height: 1.65; }
.pagina-home .recomendado .recomendado-accion { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; margin-top: auto; padding: 12px 16px; color: #FFFDF8; background: #284A35; border-radius: 11px; font-size: 12px; font-weight: 600; line-height: 1.4; transition: background .3s; }
.pagina-home .recomendado .recomendado-flecha { display: inline-block; color: inherit; font-size: 20px; line-height: 1; transition: transform .3s; }
.pagina-home .recomendado:focus-visible { outline: 3px solid #007791; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
    .pagina-home .recomendado:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(31,53,40,.09); }
    .pagina-home .recomendado:hover .recomendado-foto img { transform: scale(1.04); }
    .pagina-home .recomendado:hover .recomendado-accion { background: #1F3528; }
    .pagina-home .recomendado:hover .recomendado-flecha { transform: translateX(3px); }
}
@media (max-width: 980px) {
    .pagina-home .recomendados-contenedor { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
}
@media (max-width: 640px) {
    .pagina-home .recomendados { padding: 44px 16px 48px; }
    .pagina-home .recomendados h2 { font-size: 32px; }
    .pagina-home .recomendados-encabezado { margin-bottom: 28px; }
    .pagina-home .recomendados-encabezado > p { font-size: 14px; }
    .pagina-home .recomendados-contenedor { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .pagina-home .recomendado-foto { height: 230px; }
    .pagina-home .recomendado-contenido { padding: 22px; }
    .pagina-home .recomendado h3 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
    .pagina-home .recomendado, .pagina-home .recomendado-foto img,
    .pagina-home .recomendado .recomendado-accion, .pagina-home .recomendado .recomendado-flecha { transition: none; }
}

/* Controles del filtro Premium; no alteran el interior de las tarjetas. */
.pagina-home .recomendados [hidden] { display: none; }
.pagina-home .recomendados-premium {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 18px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #F8F0D8;
    border: 1px solid #D8B65A;
    color: #806515;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}.pagina-home .recomendados-filtros { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 1240px; margin: 0 auto 30px; }
.pagina-home .recomendados-filtro { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 18px; border: 1px solid #E3E4DD; border-radius: 999px; color: #1F3528; background: #FFFDF8; font: 600 13px/1.4 "Inter", sans-serif; cursor: pointer; transition: background .2s, border-color .2s; }
.pagina-home .recomendados-filtro svg { width: 16px; height: 16px; flex: 0 0 16px; }
.pagina-home .recomendados-filtro:hover { border-color: #284A35; background: #eef2eb; }
.pagina-home .recomendados-filtro[aria-pressed="true"] { color: #FFFDF8; background: #284A35; border-color: #284A35; box-shadow: 0 3px 10px rgba(40,74,53,.12); }
.pagina-home .recomendados-filtro:focus-visible { outline: 3px solid #007791; outline-offset: 3px; }
.pagina-home .recomendados-vacio { max-width: 1240px; margin: 0 auto; padding: 48px 20px; color: #526057; text-align: center; }
.pagina-home .recomendados-vacio h3 { margin: 0 0 10px; color: #1F3528; font: 600 28px/1.15 "Cormorant Garamond", Georgia, serif; }
.pagina-home .recomendados-vacio p { margin: 0; font: 400 14px/1.65 "Inter", sans-serif; }
@media (max-width: 640px) {
    .pagina-home .recomendados-filtros { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 360px; gap: 8px; }
    .pagina-home .recomendados-filtro { padding-inline: 8px; font-size: 12px; gap: 5px; }
}
@media (prefers-reduced-motion: reduce) {
    .pagina-home .recomendados-filtro { transition: none; }
}

/* CTA comercial: conserva composición y fondo, actualiza solo la voz tipográfica. */
.pagina-home .publicita h2 {
    margin-bottom: 20px;
    color: #fffdf8;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(38px, 5vw, 58px);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.025em;
}

.pagina-home .publicita p {
    max-width: 590px;
    margin: 0 auto 28px;
    color: #f1eee5;
    font-family: "Inter", sans-serif;
    font-size: clamp(15px, 1.5vw, 17px);
    font-weight: 400;
    line-height: 1.75;
}

.pagina-home .publicita a:hover {
    border-color: #54745f;
    background-color: #3d624a;
    color: #ffffff;
}

/* Desvío editorial: Parque Nacional Los Alerces. */
.pagina-home .parque-alerces {
    padding: clamp(52px, 7vw, 88px) 24px;
    background-color: #fbfaf6;
}

.pagina-home .parque-alerces-panel {
    --parque-alerces-foto: url("../img/parque nacional los alerces/parque-los-alerces.jpg");
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    min-height: clamp(430px, 38vw, 500px);
    margin-inline: auto;
    padding: clamp(32px, 6vw, 80px);
    overflow: hidden;
    border-radius: 18px;
    background-color: #1f3528;
    background-image: linear-gradient(90deg, rgba(15, 34, 26, 0.84) 0%, rgba(15, 34, 26, 0.48) 43%, rgba(15, 34, 26, 0.06) 78%), var(--parque-alerces-foto);
    background-position: center, 50% 44%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fbfaf6;
}

/* El enlace se activa al agregar href cuando exista la página interna. */
.pagina-home a.parque-alerces-panel[href] {
    color: #fbfaf6;
    text-decoration: none;
    cursor: pointer;
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.pagina-home a.parque-alerces-panel[href]:focus-visible {
    outline: 3px solid #007791;
    outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
    .pagina-home a.parque-alerces-panel[href]:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(31, 53, 40, 0.10);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pagina-home a.parque-alerces-panel[href] {
        transition: none;
    }
}

.pagina-home .parque-alerces-contenido {
    position: relative;
    max-width: 520px;
}

.pagina-home .parque-alerces-etiqueta,
.pagina-home .parque-alerces-descripcion,
.pagina-home .parque-alerces-accion,
.pagina-home .parque-alerces-temas {
    font-family: "Inter", sans-serif;
}

.pagina-home .parque-alerces-etiqueta {
    margin-bottom: 14px;
    color: #e5eee8;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.18em;
}

.pagina-home .parque-alerces h2 {
    margin: 0 0 18px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(46px, 5.4vw, 72px);
    font-weight: 600;
    line-height: 0.94;
    letter-spacing: -0.025em;
}

.pagina-home .parque-alerces h2 em {
    font-weight: 500;
}

.pagina-home .parque-alerces-descripcion {
    max-width: 420px;
    margin-bottom: 24px;
    color: #f4f3ec;
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.65;
    text-wrap: pretty;
}

.pagina-home .parque-alerces-accion {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid currentColor;
    color: #fbfaf6;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.09em;
}

.pagina-home .parque-alerces-temas {
    margin-top: 25px;
    color: #dce9e3;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.025em;
}

@media (max-width: 600px) {
    .pagina-home .parque-alerces {
        padding: 48px 16px;
    }

    .pagina-home .parque-alerces-panel {
        min-height: 400px;
        padding: 34px 24px;
        border-radius: 14px;
        background-image: linear-gradient(90deg, rgba(15, 34, 26, 0.86) 0%, rgba(15, 34, 26, 0.60) 65%, rgba(15, 34, 26, 0.30) 100%), var(--parque-alerces-foto);
        background-position: center, 58% center;
    }

    .pagina-home .parque-alerces-contenido {
        max-width: 360px;
    }

    .pagina-home .parque-alerces h2 {
        font-size: clamp(34px, 8.9vw, 46px);
    }

    .pagina-home .parque-alerces-descripcion {
        max-width: 31ch;
    }
}

/* Información útil y teléfonos de emergencia. */
.pagina-home .info-util {
    padding: clamp(64px, 8vw, 104px) 24px;
    background-color: #f8f5ee;
    color: #1f3528;
}

.pagina-home .info-util-encabezado {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.pagina-home .info-util-eyebrow {
    margin: 0 0 18px;
    color: #007791;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.18em;
}

.pagina-home .info-util h2 {
    margin: 0;
    color: #1f3528;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(38px, 5vw, 62px);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.pagina-home .info-util h2 span,
.pagina-home .info-util h2 em {
    display: block;
}

.pagina-home .info-util h2 em {
    margin-top: 0.08em;
    font-weight: 500;
}

.pagina-home .info-util-descripcion {
    max-width: 610px;
    margin: 24px auto 0;
    color: #526057;
    font-family: "Inter", sans-serif;
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.75;
    text-wrap: pretty;
}

.pagina-home .info-util-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 1180px;
    margin: clamp(36px, 5vw, 56px) auto 0;
}

.pagina-home .info-util-tarjeta {
    min-width: 0;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 10px 14px;
    border: 1px solid #e3e4dd;
    border-radius: 18px;
    background-color: #fffefa;
    color: #1f3528;
    font-family: "Inter", sans-serif;
    text-align: center;
    text-decoration: none;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

.pagina-home .info-util-icono {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    margin-bottom: 9px;
    border-radius: 50%;
    background-color: rgba(0, 119, 145, 0.10);
    color: #007791;
    transition: background-color 180ms ease;
}

.pagina-home .info-util-icono svg {
    display: block;
    width: 20px;
    height: 20px;
}

.pagina-home .info-util-tarjeta > strong {
    font-size: clamp(27px, 2.7vw, 34px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.035em;
}

.pagina-home .info-util-servicio {
    min-height: 2.7em;
    display: grid;
    place-items: start center;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.pagina-home .info-util-accion {
    margin-top: 6px;
    color: #007791;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.12em;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.pagina-home .info-util-tarjeta:focus-visible,
.pagina-home .info-util-frontera a:focus-visible {
    outline: 3px solid rgba(0, 119, 145, 0.32);
    outline-offset: 3px;
}

.pagina-home .info-util-frontera {
    max-width: 1180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 18px auto 0;
    padding: 16px clamp(20px, 3vw, 30px);
    border: 1px solid rgba(0, 119, 145, 0.20);
    border-radius: 16px;
    background-color: rgba(0, 119, 145, 0.07);
    font-family: "Inter", sans-serif;
}

.pagina-home .info-util-frontera div,
.pagina-home .info-util-frontera strong,
.pagina-home .info-util-frontera span {
    display: block;
}

.pagina-home .info-util-frontera strong {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 600;
}

.pagina-home .info-util-frontera span {
    color: #526057;
    font-size: 13px;
    line-height: 1.5;
}

.pagina-home .info-util-frontera a {
    flex: 0 0 auto;
    padding: 8px 0;
    color: #007791;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-decoration: underline;
    text-underline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
    .pagina-home .info-util-tarjeta:hover {
        transform: translateY(-3px);
        border-color: rgba(0, 119, 145, 0.24);
        box-shadow: 0 12px 28px rgba(31, 53, 40, 0.08);
    }

    .pagina-home .info-util-tarjeta:hover .info-util-icono {
        background-color: rgba(0, 119, 145, 0.17);
    }
}

@media (min-width: 640px) {
    .pagina-home .categorias {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}

@media (min-width: 720px) {
    .pagina-home .info-util-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (min-width: 1100px) {
    .pagina-home .categorias {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 16px;
    }

    .pagina-home .info-util-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 14px;
    }
}

@media (max-width: 520px) {
    .pagina-home .info-util {
        padding-inline: 16px;
    }

    .pagina-home .info-util-grid {
        gap: 8px;
    }

    .pagina-home .info-util-tarjeta {
        min-height: 146px;
        padding: 14px 8px 12px;
    }

    .pagina-home .info-util-frontera {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pagina-home a.categoria,
    .pagina-home .categoria .home-categoria-icono {
        transition: none;
    }

    .pagina-home .categoria,
    .pagina-home .info-util-tarjeta,
    .pagina-home .info-util-icono,
    .pagina-home header .boton-publicita,
    .pagina-home .publicita a {
        transition: none;
    }
}