/* ========= Reset ========= */
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; color: #1b1b1b; background-color: #ffffff; }
p { margin: 0; text-align: inherit;}

@font-face {
    font-family: "FA-6";
    src: url("../../vendors/fa/webfonts/fa-solid-900.woff2") format("woff2");
    font-weight: 900; 
    font-style: normal;
    font-display: swap;
}

.fa-solid {
    font-family: "FA-6";
    font-weight: 900;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-house::before           { content: "\f015"; }
.fa-file-lines::before      { content: "\f15c"; } 
.fa-address-book::before    { content: "\f2b9"; }
.fa-chalkboard-user::before { content: "\f51c"; } 
.fa-download::before        { content: "\f019"; }
.fa-location-dot::before    { content: "\f3c5"; } 
.fa-network-wired::before   { content: "\f6ff"; }
.fa-globe::before           { content: "\f0ac"; }

.fa-solid { font-size: 1em; }


.rounded { border-radius: 10px; }
.shadow { box-shadow: 0 2px 10px rgba(159, 85, 138, 0.04); }
.table-responsive { overflow-x: auto; }
.table th, .table td { text-align: left; }

.bg-white-1 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white-2 { background-color: rgba(255, 255, 255, 0.2); }
.bg-white-3 { background-color: rgba(255, 255, 255, 0.3); }
.bg-white-4 { background-color: rgba(255, 255, 255, 0.4); }
.bg-white-5 { background-color: rgba(255, 255, 255, 0.5); }
.bg-white-6 { background-color: rgba(255, 255, 255, 0.6); }
.bg-white-7 { background-color: rgba(255, 255, 255, 0.7); }
.bg-white-8 { background-color: rgba(255, 255, 255, 0.8); }
.bg-white-9 { background-color: rgba(255, 255, 255, 0.9); }
.bg-gray-100 { background-color: #f4f5f8; }
.bg-gray-200 { background-color: #e3e7ed; }
.bg-gray-300 { background-color: #cdd4e0; }
.bg-gray-400 { background-color: #b4bdce; }
.bg-gray-500 { background-color: #97a3b9; }
.bg-gray-600 { background-color: #7987a1; }
.bg-gray-700 { background-color: #596882; }
.bg-gray-800 { background-color: #3b4863; }
.bg-gray-900 { background-color: #1c273c; }
.bg-orange-100 { background-color: #fff3e0 !important; }
.bg-orange-200 { background-color: #ffe0b2 !important; }
.bg-orange-300 { background-color: #ffcc80 !important; }
.bg-orange-400 { background-color: #ffb74d !important; }
.bg-orange-500 { background-color: #ffa726 !important; }
.bg-orange-600 { background-color: #ff9800 !important; }
.bg-orange-700 { background-color: #fb8c00 !important; }
.bg-orange-800 { background-color: #f57c00 !important; }
.bg-orange-900 { background-color: #ef6c00 !important; }

.banda { display:inline-block; width:18px; height:18px; border-radius:4px; }
em.nota { font-style: normal; background-color: #ffe0b299; padding: 2px 6px; border-radius: 4px; }
/* tracking */
.tracking-tighter { letter-spacing: -0.05em;}
.tracking-tight { letter-spacing: -0.025em;}
.tracking-normal { letter-spacing: 0em;}
.tracking-wide { letter-spacing: 0.025em;}
.tracking-wider { letter-spacing: 0.05em;}
.tracking-widest { letter-spacing: 0.1em; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.normal-case { text-transform: none; }

.v-center {
    display: flex;
    align-items: center;  
}
.tx-right{ text-align: right; }
.tx-left{ text-align: left; }
.tx-justify{ text-align: justify; }
/** Tipografía **/
.tx-100{ font-weight: 100; }
.tx-200{ font-weight: 200; }
.tx-300{ font-weight: 300; }
.tx-400{ font-weight: 400; }
.tx-500{ font-weight: 500; }
.tx-600{ font-weight: 600; }
.tx-700{ font-weight: 700; }
.tx-800{ font-weight: 800; }
.tx-900{ font-weight: 900; }
.tx-4 {  font-size: 4px; }
.tx-6 {  font-size: 6px; }
.tx-8 {  font-size: 8px; }
.tx-10 {  font-size: 10px; }
.tx-12 {  font-size: 12px; }
.tx-14 {  font-size: 14px; }
.tx-16 {  font-size: 16px; }
.tx-18 {  font-size: 18px; }
.tx-20 {  font-size: 20px; }
.tx-22 {  font-size: 22px; }
.tx-24 {  font-size: 24px; }
.tx-26 {  font-size: 26px; }
.tx-28 {  font-size: 28px; }
.tx-30 {  font-size: 30px; }
.tx-32 {  font-size: 32px; }
.tx-34 {  font-size: 34px; }
.tx-36 {  font-size: 36px; }
.tx-black { color: #111; }
.tx-end { text-align: end; }
.tx-center { text-align: center; }
.tx-justify { text-align: justify; }
.tx-left, .tx-start { text-align: left; }
.tx-danger { color: #dc3545; }

/* ========= Fondo general ========= */
.fondo-patron {
    background-image: url("../img/grecas.png"); 
    background-size: 320px auto;
    background-repeat: repeat;
    background-attachment: fixed;
}

/* ========= Contenedor de ancho máximo ========= */
.contenedor {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ========= Barra principal ========= */
.barra-principal-wrapper {
    position: sticky;           
    top: 0;
    z-index: 50;
    padding: 10px 10px 0 10px;  
    background: transparent;
}

.barra-principal {
    background: #7C1B39;       
    border-radius: 10px 10px 0 0;
    box-shadow: 0 10px 18px rgba(0,0,0,.18);
}

.barra-principal .fila {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 84px;
    padding: 14px 18px;
}

/* ========= Logo ========= */
.logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
}

.logo img {
    display: block;
    height: 44px;              
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.logo .tx {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: .2px;
    line-height: 1;
}

/* ========= Navegación ========= */
.nav {
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 4px;
}

.nav a {
    display: inline-flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    line-height: 1;
    transition: transform .18s ease, background-color .18s ease, opacity .18s ease;
    opacity: .95;
}
.nav a:hover { transform: translateY(-1px); opacity: 1; background: rgba(255,255,255,.12); }

/* ========= Botón hamburguesa ========= */
.btn-menu {
    appearance: none;
    border: 0;
    background: rgba(255, 255, 255, 0.331);
    color: #fff;
    border-radius: 10px;
    padding: 10px 12px;
    margin-right: 5px;
    cursor: pointer;
    display: none;     
    line-height: 0;
    transition: background-color .18s ease, transform .18s ease;
}
.btn-menu:active { transform: scale(.98); }
.btn-menu svg { display: block; height: 22px; width: 22px; }

/* ========= Franja patrón  ========= */
.franja-patron {
    background-image: url("../img/bg-titulo.png"); 
    background-size: cover;    
    padding: 16px 10px;          
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: clamp(1rem, 2.5vw, 1.6rem);
    line-height: 1.3;
    word-wrap: break-word;
    white-space: normal;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* En móviles: asegurar legibilidad */
@media (max-width: 600px) {
    .franja-patron {
    padding: 18px 8px;
    font-size: 1rem; /* asegura que no quede enorme */
    background-size: contain; /* evita que el patrón se estire */
}
}


/* ========= Línea verde ========= */
.franja-verde {
    height: 22px;
    background: #0F3A1E;        
    border-bottom: 1px solid rgba(0,0,0,.06);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.12);
}

/* ========= Contenido principal ========= */
main {
    padding: 24px 0 56px 0;
}

.tarjeta {
    background: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 18px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

/* ========= Responsive ========= */
@media (max-width: 992px) {
    .logo img { height: 40px; }
    .logo .tx { font-size: 16px; }
}

/* Menú colapsable en móvil */
@media (max-width: 840px) {
    .btn-menu { display: inline-flex; }
    .nav ul {
        position: fixed;
        top: 86px;                    
        right: 12px;
        left: 12px;
        padding: 10px;
        background: #654b53;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 12px;
        box-shadow: 0 12px 26px rgba(0,0,0,.22);
        flex-direction: column;
        gap: 4px;
        transform: translateY(-12px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease, transform .18s ease;
    }
    .nav ul.activo {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        z-index: 3;
    }
    .nav ul li:hover { background: rgba(255, 255, 255, 0.341); }
    .nav a { width: 100%; justify-content: flex-start; }
}
/* ========= Marquesina ========= */
.marquee {
    color: #fff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 0.5em;
    font-size: clamp(0.85rem, 2.5vw, 1.1rem); /* escala fluida en móvil */
    line-height: 1.3;
    word-wrap: break-word;
    white-space: normal;
    }

    .marquee-container {
    background: radial-gradient(#0d2d0d, #0d310d);
    text-align: center;
    height: auto; 
    min-height: 40px; 
    overflow: hidden;
    border: 1px solid #000;
    position: relative;
    padding: 4px 6px;
    }

    /* Asegura que el contenido se vea fluido */
    .marquee-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        animation: scrollUp 6s linear infinite;
    }

    .marquee-item {
        padding: 6px 8px;
        color: #fff;
        font-size: inherit;
    }

    /* Animación vertical */
    @keyframes scrollUp {
    0% { top: 100%; }
    20% { top: -0%; }
    40% { top: -0%; }
    80% { top: -100%; }
    100% { top: -100%; }
    }

    /* En pantallas pequeñas: */
    @media (max-width: 600px) {
    .marquee-container {
        padding: 6px;
        height: auto;
        min-height: 48px; 
    }

    .marquee-item {
        font-size: 0.9rem;
        padding: 4px 6px;
    }
}

/* =============================
    ESTILO DE TABLA DIRECTORIO
    ============================= */

    /* Contenedor general */
    .table-directorio {
    width: 100%;
    overflow-x: auto;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    }

    /* Encabezado */
    .table-directorio thead th {
    background-color: #7C1B39; /* vinotinto */
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    text-align: center;
    padding: 12px 10px;
    white-space: nowrap;
    border: none;
    }

    /* Filas del cuerpo */
    .table-directorio tbody td {
    padding: 10px 12px;
    font-size: 0.92rem;
    color: #222;
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    }

    /* Alternar colores en filas */
    .table-directorio tbody tr:nth-child(even) {
    background-color: #f9f9f9;
    }
    .table-directorio tbody tr:hover {
    background-color: #f1f1f1;
    }

    /* Columna de números centrada */
    .table-directorio td:first-child {
        text-align: left;
        font-weight: 600;
    }

    /* Bordes redondeados solo en la tabla */
    .table-directorio table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* En móvil: reducir tamaño de fuente y espaciado */
    @media (max-width: 768px) {
    .table-directorio thead th {
        font-size: 0.8rem;
        padding: 10px 8px;
    }

    .table-directorio tbody td {
        font-size: 0.85rem;
        padding: 8px 8px;
    }
    }

    /* En pantallas muy pequeñas: mostrar columnas como bloques */
    @media (max-width: 580px) {
        .table-directorio table,
        .table-directorio thead,
        .table-directorio tbody,
        .table-directorio th,
        .table-directorio td,
        .table-directorio tr {
        display: block;
    }

    .table-directorio thead {
        display: none; /* se oculta encabezado */
    }

    .table-directorio tbody tr {
        border: 1px solid #e3e3e3;
        margin-bottom: 10px;
        border-radius: 8px;
        padding: 8px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    }

    .table-directorio td {
        text-align: right;
        padding: 6px 10px;
        position: relative;
        border: none;
    }

    .table-directorio td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        top: 6px;
        font-weight: 700;
        text-transform: uppercase;
        color: #7C1B39;
    }
}
/* =============================
    ESTILO DE TABLA REQUISITOS
    ============================= */
    .img-dpd{
        width:100%;
        height:auto;
        display:block;
        margin-right:15px;
    }
    @media (max-width:768px){
        .img-dpd{
            margin-right:0;
            margin-bottom:12px;
            width: 80px;
        }
        .div-img-dpd{
            display:flex;
            justify-content:center;
            align-items:center;
        }
    }
    /* Contenedor general */
    .table-requisitos-wrap{
        width:100%;
        overflow-x:auto;
        border-radius:10px;
        box-shadow:0 4px 12px rgba(0,0,0,.08);
        background-color:#fff;
    }
    .table-requisitos{
        width:100%;
        border-collapse:collapse;
        border-radius:10px;
        overflow:hidden;
    }

    /* Encabezado */
    .table-requisitos thead th{
        background-color:#7C1B39;  
        color:#fff;
        font-weight:700;
        text-transform:uppercase;
        font-size:.85rem;
        text-align:center;
        padding:12px 10px;
        white-space:nowrap;
        border:none;
    }

    /* Cuerpo */
    .table-requisitos tbody td{
        padding:10px 12px;
        font-size:.92rem;
        color:#222;
        border:1px solid #e1e1e1;
        vertical-align:top;
    }
    .table-requisitos tbody tr:nth-child(even){ background-color:#f9f9f9; }
    .table-requisitos tbody tr:hover{ background-color:#f1f1f1; }

    .table-requisitos td:first-child{
        text-align:left;
        font-weight:600;
    }

    @media (max-width:768px){
    .table-requisitos thead th{
        font-size:.8rem;
        padding:10px 8px;
    }
    .table-requisitos tbody td{
        font-size:.85rem;
        padding:8px 8px;
    }
    }

    @media (max-width:420px){
        .table-requisitos{
            table-layout:auto;         
        }
        .table-requisitos td,
        .table-requisitos th{
            white-space:normal;
            overflow-wrap:anywhere;    
            word-break:break-word;
            hyphens:auto;
        }
        .table-requisitos td:first-child,
        .table-requisitos th:first-child{
            width:40px;                
            min-width:40px;
            white-space:nowrap;        
        }
        .table-requisitos td:nth-child(2),
        .table-requisitos th:nth-child(2){
            width:auto;                 
        }
        .table-requisitos td img,
        .table-requisitos td iframe,
        .table-requisitos td video{
            max-width:100%;
            height:auto;
            display:block;
        }
        .table-requisitos td pre,
        .table-requisitos td code{
            white-space:pre-wrap;
            word-break:break-word;
        }
    }

    .table-requisitos-hardclip{
        overflow-x:hidden;
    }

/* ========= Sección videos ========= */

.seccion-videos { margin: 22px 0 36px; }
/* Encabezado */
.videos-encabezado h2 { margin: 0 0 6px; font-size: 1.35rem; display:flex; align-items:center; gap:10px; }
.vinotinto { background:#7C1B39; }
.tx-gris-2 { color:#5a5a5a; margin:0 0 14px; }


.visor-video { padding:12px; margin-bottom:14px; }
.video-viewport { position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:10px; overflow:hidden; }
.viewer-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg, #7C1B39 0%, #0F3A1E 100%); opacity:.85; font-weight:700; }
.video-titulo { font-size:1rem; margin:10px 4px 2px; }

.grid-videos { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px; }
@media (min-width:740px){ .grid-videos { grid-template-columns: repeat(3, 1fr); } }
@media (min-width:980px){ .grid-videos { grid-template-columns: repeat(3, 1fr); } }
@media (min-width:1280px){ .grid-videos.lg-grid-7 { grid-template-columns: repeat(6, 1fr); } }

/* Miniaturas */
.video-thumb { 
    background:#fff; border:1px solid #ececec; border-radius:10px; overflow:hidden; 
    cursor:pointer; transition:box-shadow .18s ease, transform .18s ease; padding:1em;
}
.video-thumb:hover { box-shadow:0 6px 18px rgba(0,0,0,.18); }
.video-thumb.activo { outline:2px solid #82191999; }

.thumb-viewport { position:relative; width:100%; aspect-ratio:16/9; background:#111; border-radius:8px; overflow:hidden; }
.thumb-viewport img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.06) contrast(1.02); }
.thumb-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:36px; height:36px; border-radius:999px; background:rgba(124,27,57,.95); box-shadow:0 6px 18px rgba(0,0,0,.35); }
.thumb-play::before { content:""; position:absolute; left:50%; top:50%; transform:translate(-35%,-50%); border-style:solid; border-width:8px 0 8px 12px; border-color:transparent transparent transparent #fff; }

.thumb-title { margin:8px 10px 10px; font-size:.92rem; font-weight:700; line-height:1.25; color:#202020; }

/* Accesibilidad foco teclado */
.video-thumb:focus-visible { outline:3px solid #BC955C; }

/* ========= Sección descargas ========= */
.seccion-descargas { margin:24px 0 40px; }
.descargas-encabezado h2 { margin:0 0 6px; font-size:1.35rem; display:flex; align-items:center; gap:10px; }
.vinotinto { background:#7C1B39; }
.tx-gris-2 { color:#5a5a5a; margin:0 0 14px; }
/* Grid responsivo */
.grid-docs { display:grid; grid-template-columns:repeat(1, minmax(0,1fr)); gap:14px; }
@media (min-width:720px){ .grid-docs { grid-template-columns:repeat(2, 1fr); } }
@media (min-width:1024px){ .grid-docs { grid-template-columns:repeat(3, 1fr); } }
@media (min-width:1280px){ .grid-docs.lg-grid-4 { grid-template-columns:repeat(4, 1fr); } }

/* Tarjeta de documento */
.doc-card {
    display:grid; grid-template-columns:64px 1fr; gap:12px;
    background:#fff; border: none; border-radius:10px; padding:4px;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
    transition:box-shadow .18s ease, transform .18s ease;
}
.doc-card:hover { box-shadow:0 8px 22px rgba(0,0,0,.18);  }

.doc-icono {
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,rgb(250, 250, 255) 0%, #dad7d599 100%);
    color:#fff; font-size:26px; border-radius:10px; min-height:64px;
}

.doc-info { min-width:0; }
.doc-titulo { margin:0 0 6px; font-size:1rem; line-height:1.25; }
.doc-descr { margin:6px 0 10px; color:#404040; font-size:.93rem; }

/* Chips */
.chip {
    display:inline-flex; align-items:center; gap:6px;
    padding:4px 8px; border-radius:999px; font-size:.75rem; font-weight:700;
    border:1px solid rgba(0,0,0,.06); background:#f6f6f6; color:#1f1f1f; margin-right:6px;
}
.chip-ext { background:#eef5fb; color:#205D81; border-color:rgba(32,93,129,.25); }
.chip-dorado { background:#f8f0e3; color:#8b6a2b; border-color:#e6d7bb; }
.chip-verde { background:#e7f2ea; color:#0F3A1E; border-color:rgba(15,58,30,.25); }

/* Tipos (colores) */
.chip-tipo { color:#fff; border:none; }
.tipo-ley { background:#7C1B39; }
.tipo-reglamento { background:#205D81; }
.tipo-guia { background:#0F3A1E; }
.tipo-lineamiento { background:#849b4f; }

/* Acciones */
.doc-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; text-decoration:none; font-weight:700; }
.btn-prim-1 { background:#BC955C; color:#fff; border:none; transition:background .18s ease; }
.btn-prim-1:hover { background: #a18253ff; }
.btn-link-1 { background:#D5D8DA99; color:#205D81; border:#D5D8DA; padding:10px; }
.btn-link-1:hover { text-decoration:underline; }
.doc-size { color:#6b6b6b; font-size:.85rem; }

/* Accesibilidad */
.doc-card:focus-within { outline:3px solid #BC955C; outline-offset:2px; }

/* ========= Footer ========= */
footer{background-color:#e4e4e4;position:relative;font-size:small}footer::after{content:"";position:absolute;height:10px;width:100%;top:0;left:0;background:linear-gradient(to top,rgba(108,110,109,0) 0,rgba(108,110,109,.25) 100%)}footer li,footer ul{list-style:none;margin:0;padding:0}footer .footer{padding-top:3rem;padding-bottom:3rem;display:flex;flex-flow:row wrap;justify-content:space-between}@media (max-width:768px){footer .footer .datos{order:-2}}footer .footer .col-footer{width:100%;margin-bottom:1.5rem}@media (min-width:768px){footer .footer .col-footer{width:50%;margin-bottom:0}}@media (min-width:992px){footer .footer .col-footer{width:33.3333%}footer .footer .col-footer.datos{width:40%}footer .footer .col-footer.footer-enlaces,footer .footer .col-footer.footer-redes{width:30%}}footer .footer .col-footer>div{padding:0 1rem}footer .foot{background-color:#3e3f3c;color:rgba(255,255,255,.95);padding:1rem;text-align:center}footer .contactanos{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}footer .contactanos .contacto{flex:1}footer .logo-footer{width:15%;margin-right:2rem}footer .contacto{list-style:none;margin-top:1.5rem;padding-left:0;color:#6c6e6d}@media (min-width:768px){footer .contacto{margin-top:0}}footer .contacto li{margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:stretch;flex-flow:nowrap row;font-size:.75rem}footer .contacto li .icon{height:24px;width:24px;display:block;border-radius:50%;border:1px solid #c9caca;display:flex;align-items:center;justify-content:center}footer .contacto li i{color:#3e3f3c}footer .contacto li .contacto-info{width:calc(100% - 30px)}footer .enlaces .titulo-enlaces,footer .siguenos .titulo-siguenos{text-transform:uppercase;color:#6c6e6d;font-size:1rem; line-height: 0.5em;}footer .enlaces .enlace{display:block;border-bottom:1px solid #c9caca;color:#3e3f3c;padding:.2rem 0;font-size:.75rem;margin-bottom:.5rem;letter-spacing:.025em;font-weight:400;position:relative}footer .enlaces .enlace::before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f054";position:absolute;display:flex;justify-content:center;align-items:center;right:0;top:0;height:100%;width:40px;text-align:center;color:#bcbdbd}footer .enlaces .enlace[data-bs-toggle=collapse]::before{content:"\f078"}footer .enlaces .enlace[aria-expanded=true]::before{content:"\f106"}footer .enlaces .enlace:hover{color:#0c0d0c;border-bottom:1px solid #9d2449}footer .enlaces .lista-enlaces li a{color:#6c6e6d;display:block;border-bottom:1px dotted #d7d7d7;padding:.25rem 1rem}footer .enlaces .lista-enlaces li a:hover{color:#9d2449}footer .siguenos .redes-sociales{display:flex;justify-content:start;margin-left:0}footer .siguenos .link-redes{margin:0 5px;font-size:1.15rem}footer .siguenos .link-redes i{border-radius:50%;display:flex;justify-content:center;align-items:center;height:35px;width:35px;border:1px solid #3e3f3c;color:#3e3f3c;line-height:1}footer .siguenos .link-redes i:hover{background-color:#9d2449;color:#fff;border:1px solid #9d2449}footer .emergencias{display:flex;flex-flow:row wrap;justify-content:stretch;margin-top:1rem;border-top:1px solid #d7d7d7;padding-top:1rem!important}footer .emergencias .numero{display:inline-block;background-color:#9d2449;color:#fff;font-size:2rem;font-weight:700;border-radius:1rem;width:40px;text-align:center;margin-right:.25rem;margin-bottom:.25rem}footer .emergencias .texto-emergencias{margin-left:.5rem;text-transform:uppercase;color:#6c6e6d;font-size:1.25rem;margin-bottom:0; font-weight: 700;}
/* ========== MARGIN ========== */
.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.m-4 { margin: 1.5rem; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 1rem; }
.mr-4 { margin-right: 1.5rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 1rem; }
.ml-4 { margin-left: 1.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
/* ========== PADDING ========== */
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }  
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 1rem; }
.pl-4 { padding-left: 1.5rem; }
.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 1rem; }
.pr-4 { padding-right: 1.5rem; }


.bg-wineu-2 {
    background: #E4E1E2;
    background: -webkit-linear-gradient(to bottom, #562D3AAA, #E4E1E2);
    background: linear-gradient(to bottom, #562D3AAA, #E4E1E2);
}

.d-flex {
    display: flex;
}
.justify-content-end{ justify-content: flex-end !important; }
.justify-content-start{ justify-content: flex-start !important; }
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* ========== GRID Y GAP ========== */
.gap-0{grid-gap:0;gap:0}.gap-1{grid-gap:.25rem;gap:.25rem}.gap-2{grid-gap:.5rem;gap:.5rem}.gap-3{grid-gap:.75rem;gap:.75rem}.gap-4{grid-gap:1rem;gap:1rem}.gap-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.gap-10{grid-gap:2.5rem;gap:2.5rem}.gap-12{grid-gap:3rem;gap:3rem}.gap-16{grid-gap:4rem;gap:4rem}.gap-20{grid-gap:5rem;gap:5rem}.gap-24{grid-gap:6rem;gap:6rem}.gap-32{grid-gap:8rem;gap:8rem}.gap-40{grid-gap:10rem;gap:10rem}.gap-48{grid-gap:12rem;gap:12rem}.gap-56{grid-gap:14rem;gap:14rem}.gap-64{grid-gap:16rem;gap:16rem}.gap-px{grid-gap:1px;gap:1px}.col-gap-0,.gap-x-0{grid-column-gap:0;column-gap:0}.col-gap-1,.gap-x-1{grid-column-gap:.25rem;column-gap:.25rem}.col-gap-2,.gap-x-2{grid-column-gap:.5rem;column-gap:.5rem}.col-gap-3,.gap-x-3{grid-column-gap:.75rem;column-gap:.75rem}.col-gap-4,.gap-x-4{grid-column-gap:1rem;column-gap:1rem}.col-gap-5,.gap-x-5{grid-column-gap:1.25rem;column-gap:1.25rem}.col-gap-6,.gap-x-6{grid-column-gap:1.5rem;column-gap:1.5rem}.col-gap-8,.gap-x-8{grid-column-gap:2rem;column-gap:2rem}.col-gap-10,.gap-x-10{grid-column-gap:2.5rem;column-gap:2.5rem}.col-gap-12,.gap-x-12{grid-column-gap:3rem;column-gap:3rem}.col-gap-16,.gap-x-16{grid-column-gap:4rem;column-gap:4rem}.col-gap-20,.gap-x-20{grid-column-gap:5rem;column-gap:5rem}.col-gap-24,.gap-x-24{grid-column-gap:6rem;column-gap:6rem}.col-gap-32,.gap-x-32{grid-column-gap:8rem;column-gap:8rem}.col-gap-40,.gap-x-40{grid-column-gap:10rem;column-gap:10rem}.col-gap-48,.gap-x-48{grid-column-gap:12rem;column-gap:12rem}.col-gap-56,.gap-x-56{grid-column-gap:14rem;column-gap:14rem}.col-gap-64,.gap-x-64{grid-column-gap:16rem;column-gap:16rem}.col-gap-px,.gap-x-px{grid-column-gap:1px;column-gap:1px}.gap-y-0,.row-gap-0{grid-row-gap:0;row-gap:0}.gap-y-1,.row-gap-1{grid-row-gap:.25rem;row-gap:.25rem}.gap-y-2,.row-gap-2{grid-row-gap:.5rem;row-gap:.5rem}.gap-y-3,.row-gap-3{grid-row-gap:.75rem;row-gap:.75rem}.gap-y-4,.row-gap-4{grid-row-gap:1rem;row-gap:1rem}.gap-y-5,.row-gap-5{grid-row-gap:1.25rem;row-gap:1.25rem}.gap-y-6,.row-gap-6{grid-row-gap:1.5rem;row-gap:1.5rem}.gap-y-8,.row-gap-8{grid-row-gap:2rem;row-gap:2rem}.gap-y-10,.row-gap-10{grid-row-gap:2.5rem;row-gap:2.5rem}.gap-y-12,.row-gap-12{grid-row-gap:3rem;row-gap:3rem}.gap-y-16,.row-gap-16{grid-row-gap:4rem;row-gap:4rem}.gap-y-20,.row-gap-20{grid-row-gap:5rem;row-gap:5rem}.gap-y-24,.row-gap-24{grid-row-gap:6rem;row-gap:6rem}.gap-y-32,.row-gap-32{grid-row-gap:8rem;row-gap:8rem}.gap-y-40,.row-gap-40{grid-row-gap:10rem;row-gap:10rem}.gap-y-48,.row-gap-48{grid-row-gap:12rem;row-gap:12rem}.gap-y-56,.row-gap-56{grid-row-gap:14rem;row-gap:14rem}.gap-y-64,.row-gap-64{grid-row-gap:16rem;row-gap:16rem}.gap-y-px,.row-gap-px{grid-row-gap:1px;row-gap:1px}.grid{display:grid}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.auto-cols-auto{grid-auto-columns:auto}.auto-cols-min{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content}.auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-auto{grid-column-start:auto}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.col-end-auto{grid-column-end:auto}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}@media (width < 600px) and (width > 320px){.sm-w-5{width:5%}.sm-w-10{width:10%}.sm-w-15{width:15%}.sm-w-1\/5,.sm-w-20{width:20%}.sm-w-1\/4,.sm-w-25{width:25%}.sm-w-30{width:30%}.sm-w-35{width:35%}.sm-w-2\/5,.sm-w-40{width:40%}.sm-w-45{width:45%}.sm-w-1\/2,.sm-w-50{width:50%}.sm-w-55{width:55%}.sm-w-3\/5,.sm-w-60{width:60%}.sm-w-65{width:65%}.sm-w-70{width:70%}.sm-w-3\/4,.sm-w-75{width:75%}.sm-w-4\/5,.sm-w-80{width:80%}.sm-w-85{width:85%}.sm-w-90{width:90%}.sm-w-95{width:95%}.sm-w-1\/3{width:33.333333%}.sm-w-2\/3{width:66.666667%}.sm-w-1\/6{width:16.666667%}.sm-w-5\/6{width:83.333333%}.sm-w-1\/12{width:8.333333%}.sm-w-100{width:100%}.sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm-col-span-1{grid-column:span 1/span 1}.sm-col-span-2{grid-column:span 2/span 2}.sm-col-span-3{grid-column:span 3/span 3}.sm-col-span-4{grid-column:span 4/span 4}.sm-col-span-5{grid-column:span 5/span 5}.sm-col-span-6{grid-column:span 6/span 6}.sm-col-span-7{grid-column:span 7/span 7}.sm-col-span-8{grid-column:span 8/span 8}.sm-col-span-9{grid-column:span 9/span 9}.sm-col-span-10{grid-column:span 10/span 10}.sm-col-span-11{grid-column:span 11/span 11}.sm-col-span-12{grid-column:span 12/span 12}.sm-col-span-full{grid-column:1/-1}.sm-col-start-1{grid-column-start:1}.sm-col-start-2{grid-column-start:2}.sm-col-start-3{grid-column-start:3}.sm-col-start-4{grid-column-start:4}.sm-col-start-5{grid-column-start:5}.sm-col-start-6{grid-column-start:6}.sm-col-start-7{grid-column-start:7}.sm-col-start-8{grid-column-start:8}.sm-col-start-9{grid-column-start:9}.sm-col-start-10{grid-column-start:10}.sm-col-start-11{grid-column-start:11}.sm-col-start-12{grid-column-start:12}.sm-col-start-auto{grid-column-start:auto}}@media (width > 600px){▼ .md-w-5{width:5%}.md-w-10{width:10%}.md-w-15{width:15%}.md-w-1\/5,.md-w-20{width:20%}.md-w-1\/4,.md-w-25{width:25%}.md-w-30{width:30%}.md-w-35{width:35%}.md-w-2\/5,.md-w-40{width:40%}.md-w-45{width:45%}.md-w-1\/2,.md-w-50{width:50%}.md-w-55{width:55%}.md-w-3\/5,.md-w-60{width:60%}.md-w-65{width:65%}.md-w-70{width:70%}.md-w-3\/4,.md-w-75{width:75%}.md-w-4\/5,.md-w-80{width:80%}.md-w-85{width:85%}.md-w-90{width:90%}.md-w-95{width:95%}.md-w-1\/3{width:33.333333%}.md-w-2\/3{width:66.666667%}.md-w-1\/6{width:16.666667%}.md-w-5\/6{width:83.333333%}.md-w-1\/12{width:8.333333%}.md-w-100{width:100%}.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.md-col-span-1{grid-column:span 1/span 1}.md-col-span-2{grid-column:span 2/span 2}.md-col-span-3{grid-column:span 3/span 3}.md-col-span-4{grid-column:span 4/span 4}.md-col-span-5{grid-column:span 5/span 5}.md-col-span-6{grid-column:span 6/span 6}.md-col-span-7{grid-column:span 7/span 7}.md-col-span-8{grid-column:span 8/span 8}.md-col-span-9{grid-column:span 9/span 9}.md-col-span-10{grid-column:span 10/span 10}.md-col-span-11{grid-column:span 11/span 11}.md-col-span-12{grid-column:span 12/span 12}.md-col-span-full{grid-column:1/-1}.md-col-start-1{grid-column-start:1}.md-col-start-2{grid-column-start:2}.md-col-start-3{grid-column-start:3}.md-col-start-4{grid-column-start:4}.md-col-start-5{grid-column-start:5}.md-col-start-6{grid-column-start:6}.md-col-start-7{grid-column-start:7}.md-col-start-8{grid-column-start:8}.md-col-start-9{grid-column-start:9}.md-col-start-10{grid-column-start:10}.md-col-start-11{grid-column-start:11}.md-col-start-12{grid-column-start:12}.md-col-start-auto{grid-column-start:auto}}@media (width > 1024px){▼ .lg-w-5{width:5%}.lg-w-10{width:10%}.lg-w-15{width:15%}.lg-w-1\/5,.lg-w-20{width:20%}.lg-w-1\/4,.lg-w-25{width:25%}.lg-w-30{width:30%}.lg-w-35{width:35%}.lg-w-2\/5,.lg-w-40{width:40%}.lg-w-45{width:45%}.lg-w-1\/2,.lg-w-50{width:50%}.lg-w-55{width:55%}.lg-w-3\/5,.lg-w-60{width:60%}.lg-w-65{width:65%}.lg-w-70{width:70%}.lg-w-3\/4,.lg-w-75{width:75%}.lg-w-4\/5,.lg-w-80{width:80%}.lg-w-85{width:85%}.lg-w-90{width:90%}.lg-w-95{width:95%}.lg-w-1\/3{width:33.333333%}.lg-w-2\/3{width:66.666667%}.lg-w-1\/6{width:16.666667%}.lg-w-5\/6{width:83.333333%}.lg-w-1\/12{width:8.333333%}.lg-w-100{width:100%}.lg-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg-grid-cols-20{grid-template-columns:repeat(20,minmax(0,1fr))}.lg-col-span-1{grid-column:span 1/span 1}.lg-col-span-2{grid-column:span 2/span 2}.lg-col-span-3{grid-column:span 3/span 3}.lg-col-span-4{grid-column:span 4/span 4}.lg-col-span-5{grid-column:span 5/span 5}.lg-col-span-6{grid-column:span 6/span 6}.lg-col-span-7{grid-column:span 7/span 7}.lg-col-span-8{grid-column:span 8/span 8}.lg-col-span-9{grid-column:span 9/span 9}.lg-col-span-10{grid-column:span 10/span 10}.lg-col-span-11{grid-column:span 11/span 11}.lg-col-span-12{grid-column:span 12/span 12}.lg-col-span-full{grid-column:1/-1}.lg-col-start-1{grid-column-start:1}.lg-col-start-2{grid-column-start:2}.lg-col-start-3{grid-column-start:3}.lg-col-start-4{grid-column-start:4}.lg-col-start-5{grid-column-start:5}.lg-col-start-6{grid-column-start:6}.lg-col-start-7{grid-column-start:7}.lg-col-start-8{grid-column-start:8}.lg-col-start-9{grid-column-start:9}.lg-col-start-10{grid-column-start:10}.lg-col-start-11{grid-column-start:11}.lg-col-start-12{grid-column-start:12}.lg-col-start-auto{grid-column-start:auto}}