/*!
 * Tema "Portal provincial" de Inscripciones Online (propuesta 6 de Propuestas-Templates).
 * Sigue la identidad del Gobierno de Corrientes (Manual de marca V1.1, 2026) y el template de sus sitios nuevos
 * (coe.corrientes.gob.ar). Se carga después de assets/ge/css/ge.css y lo pisa: el Template GE no se modifica.
 * Las vistas siguen usando clases de Bootstrap y ge-*; las co-* son las piezas propias del tema.
 *
 * Indice
 *  1. Fuentes (Barlow y Barlow Semi Condensed)
 *  2. Tokens: paleta institucional sobre los tokens de GE
 *  3. Base y tipografía
 *  4. Encabezado (co-cinta: trama, banda y navegación)
 *  5. Contenido y barra de título (ge-toolbar)
 *  6. Componentes de Bootstrap y de GE ajustados
 *  7. Piezas de la portada (co-*)
 *  8. Pie (co-pie)
 */

/* 1. Fuentes -------------------------------------------------------------- */
@font-face { font-family: "Barlow"; src: url("../assets/corrientes/fuentes/Barlow-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/corrientes/fuentes/Barlow-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/corrientes/fuentes/Barlow-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("../assets/corrientes/fuentes/Barlow-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Semi Condensed"; src: url("../assets/corrientes/fuentes/BarlowSemiCondensed-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Barlow Semi Condensed"; src: url("../assets/corrientes/fuentes/BarlowSemiCondensed-ExtraBold.ttf") format("truetype"); font-weight: 800; font-display: swap; }

/* 2. Tokens --------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  /* Paleta cromática principal y Azul de la extendida (el que usan los portales para acciones) */
  --co-amarillo: #FACD05; --co-amarillo-osc: #FAAE05;
  --co-rojo: #F4492E;     --co-rojo-osc: #EA2F09;
  --co-celeste: #90B4E1;  --co-celeste-osc: #769FD3;
  --co-verde: #719C29;    --co-verde-osc: #356F23;
  --co-bordo: #6F0603;    --co-azul: #1F5D9B;
  --co-tinta: #2E2D2C;    --co-tenue: #5C5B5A;  --co-debil: #8A8988;
  --co-linea: #DBDBDA;    --co-gris: #EDEDED;   --co-papel: #F7F7F7;
  --co-display: "Barlow Semi Condensed", "Barlow", "Arial Narrow", system-ui, sans-serif;
  --co-ancho: 73.75rem;

  /* Grises cálidos del manual en lugar de la escala azulada de GE */
  --ge-gray-50: #fbfbfb;
  --ge-gray-100: var(--co-papel);
  --ge-gray-200: var(--co-gris);
  --ge-gray-300: var(--co-linea);
  --ge-gray-400: #B8B7B6;
  --ge-gray-500: var(--co-debil);
  --ge-gray-600: var(--co-tenue);
  --ge-gray-700: #474645;
  --ge-gray-800: var(--co-tinta);
  --ge-gray-900: var(--co-tinta);

  /* Color de acción: Azul (blanco encima: 6,6:1) */
  --ge-primary: var(--co-azul);
  --ge-primary-rgb: 31, 93, 155;
  --ge-primary-hover: #194e83;
  --ge-primary-active: #154370;
  --ge-primary-subtle: #e8eff7;
  --ge-primary-border: #b3c8de;
  --ge-primary-emphasis: #123a61;

  --ge-page-bg: var(--co-papel);
  --ge-header-bg: #fff;
  --ge-border: var(--co-linea);
  --ge-input-border: #c9c8c7;
  --ge-hover-bg: var(--co-papel);
  --ge-shadow-sm: none;
  --ge-shadow: 0 6px 16px rgba(46, 45, 44, .08);
  --ge-franja-alto: 0px;
  --ge-radius-sm: 4px;
  --ge-radius: 8px;
  --ge-radius-lg: 8px;

  --bs-font-sans-serif: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.55;
  --bs-body-color-rgb: 46, 45, 44;
  --bs-body-bg-rgb: 247, 247, 247;
  --bs-emphasis-color-rgb: 46, 45, 44;
  --bs-secondary-color-rgb: 92, 91, 90;
  --bs-border-color-translucent: rgba(46, 45, 44, .1);
  --bs-link-hover-color-rgb: 25, 78, 131;

  --bs-success: var(--co-verde-osc);
  --bs-success-rgb: 53, 111, 35;
  --bs-success-text-emphasis: #2a581c;
  --bs-success-bg-subtle: #eef4e9;
  --bs-success-border-subtle: #c1d6b2;
  --bs-danger: var(--co-rojo-osc);
  --bs-danger-rgb: 234, 47, 9;
  --bs-danger-text-emphasis: #8f1d05;
  --bs-danger-bg-subtle: #fdeeea;
  --bs-danger-border-subtle: #f7bcae;
  --bs-warning-text-emphasis: #6b4a00;
  --bs-warning-bg-subtle: #fff6d6;
  --bs-warning-border-subtle: #f6d77a;
  --bs-info: var(--co-celeste-osc);
  --bs-info-text-emphasis: var(--co-azul);
  --bs-info-bg-subtle: #eef3fa;
  --bs-info-border-subtle: #c4d6ee;
}

/* 3. Base y tipografía ---------------------------------------------------- */
body::before { display: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--co-display); font-weight: 700; letter-spacing: .005em; }
.h6, h6 { font-size: 1.0625rem; }
.fs-12 { font-size: .8125rem !important; }
.fs-13 { font-size: .875rem !important; }

/* 4. Encabezado ----------------------------------------------------------- */
.co-cinta { background: var(--co-tinta); color: #fff; }
.co-trama { display: block; }
.co-trama-tira { display: none; width: 100%; height: auto; aspect-ratio: 12 / 1; }
.co-banda { position: relative; height: 5.5rem; background: #fff; color: var(--co-tinta); display: flex; align-items: center; justify-content: center; gap: 1.5rem; padding: 0 6.5rem 0 17.5rem; }
.co-trama-izq { position: absolute; left: 0; top: 0; width: 16.5rem; height: 5.5rem; }
.co-trama-der { position: absolute; right: 0; top: 0; width: 5.5rem; height: 5.5rem; }
.co-marca { display: block; flex-shrink: 0; }
.co-marca-logo { height: 3.25rem; width: auto; display: block; }
.co-divisor { width: 1px; height: 2.75rem; background: var(--co-linea); flex-shrink: 0; }
.co-sitio { display: flex; flex-direction: column; min-width: 0; color: var(--co-tinta); text-decoration: none; line-height: 1.15; }
.co-sitio:hover { color: var(--co-tinta); }
.co-sitio-nombre { font: 800 1.5625rem/1 var(--co-display); text-transform: uppercase; letter-spacing: .01em; white-space: nowrap; }
.co-sitio-sub { font-size: .84375rem; color: var(--co-tenue); margin-top: .25rem; }
.co-beta { align-self: center; }

.co-nav { height: 3.125rem; display: flex; align-items: stretch; padding: 0 max(1rem, calc((100% - var(--co-ancho)) / 2 + .5rem)); }
.co-nav-links { display: flex; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.co-nav-links::-webkit-scrollbar { display: none; }
.co-nav-link { display: flex; align-items: center; padding: 0 1rem; font: 700 .9375rem var(--co-display); text-transform: uppercase; letter-spacing: .04em; color: #cfcecd; text-decoration: none; white-space: nowrap; }
.co-nav-link:hover { color: #fff; }
.co-nav-link.active { color: #fff; box-shadow: inset 0 -3px 0 #fff; }
.co-nav-fin { margin-left: auto; display: flex; align-items: center; flex-shrink: 0; padding-left: .5rem; }
.co-nav-cuenta { display: inline-flex; align-items: center; gap: .5rem; height: 2.375rem; padding: 0 .75rem; border: 0; border-radius: var(--ge-radius-sm); background: transparent; color: #fff; font: 600 .90625rem "Barlow"; text-decoration: none; max-width: 18rem; }
.co-nav-cuenta:hover, .co-nav-cuenta[aria-expanded="true"] { background: rgba(255, 255, 255, .1); color: #fff; }
.co-nav-cuenta .ti { font-size: 1.125rem; }
.co-nav-cuenta .ge-avatar { background: var(--co-celeste); color: var(--co-tinta); }

@media (max-width: 1199.98px) {
  .co-banda { padding-left: 7.5rem; }
  .co-trama-izq { width: 5.5rem; } /* con slice queda a la vista el módulo del medio */
  .co-sitio-sub { display: none; }
}
@media (max-width: 767.98px) {
  .co-trama-tira { display: block; }
  .co-trama-izq, .co-trama-der, .co-divisor { display: none; }
  .co-banda { height: auto; flex-direction: column; gap: .375rem; padding: .75rem 1rem; }
  .co-marca-logo { height: 2.25rem; }
  .co-sitio { align-items: center; }
  .co-sitio-nombre { font-size: 1.1875rem; }
  .co-beta { position: absolute; right: .75rem; top: .75rem; }
  .co-nav { height: 3rem; padding: 0 .25rem; }
  .co-nav-link { padding: 0 .625rem; font-size: .875rem; }
}
@media (max-width: 399.98px) {
  .co-nav-link { padding: 0 .5rem; font-size: .8125rem; letter-spacing: .02em; }
}

/* 5. Contenido y barra de título ----------------------------------------- */
.ge-content { padding: 2.5rem 1rem 3.5rem; }
@media (min-width: 992px) { .ge-content { padding: 2.75rem 1.5rem 3.5rem; } }
.ge-container { max-width: var(--co-ancho); }
.ge-container-sm { max-width: 56rem; }

.ge-toolbar { margin-bottom: 2rem; align-items: flex-end; }
.ge-toolbar-title { font: 800 2.75rem/.95 var(--co-display); text-transform: uppercase; letter-spacing: .005em; color: var(--co-tinta); }
.ge-toolbar-desc { font-size: 1.0625rem; color: var(--co-tinta); margin-top: .75rem; max-width: 48rem; }
.ge-toolbar .breadcrumb { margin-bottom: .625rem; font: 700 .875rem var(--co-display); text-transform: uppercase; letter-spacing: .1em; }
.ge-toolbar .breadcrumb-item, .ge-toolbar .breadcrumb-item a { color: var(--co-azul); text-decoration: none; }
.ge-toolbar .breadcrumb-item.active { color: var(--co-tenue); }
.ge-toolbar .breadcrumb-item + .breadcrumb-item::before { color: var(--co-debil); }
@media (max-width: 767.98px) {
  .ge-toolbar-title { font-size: 2.125rem; }
  .ge-toolbar-actions, .ge-toolbar-actions .btn { width: 100%; }
}

/* Antetítulo en Azul (rótulo de los portales) */
.co-rotulo { display: block; font: 700 .875rem var(--co-display); text-transform: uppercase; letter-spacing: .13em; color: var(--co-azul); margin-bottom: .625rem; }
.co-titular { font: 800 4rem/.95 var(--co-display); text-transform: uppercase; letter-spacing: .005em; color: var(--co-tinta); margin: 0; }
.co-lead { font-size: 1.15625rem; max-width: 47.5rem; margin: 1rem 0 0; }
.co-acciones { display: flex; flex-wrap: wrap; gap: .625rem; margin-top: 1.5rem; }
.co-seccion { margin-top: 3rem; }
.co-seccion-titulo { font: 700 .875rem var(--co-display); text-transform: uppercase; letter-spacing: .13em; color: var(--co-tinta); margin: 0 0 1rem; }
@media (max-width: 991.98px) { .co-titular { font-size: 3.25rem; } }
@media (max-width: 767.98px) {
  .co-titular { font-size: 2.625rem; }
  .co-lead { font-size: 1.0625rem; }
  .co-acciones .btn { width: 100%; }
}

/* 6. Componentes ---------------------------------------------------------- */
/* Botones: Barlow Semi Condensed en caja alta, como los de los portales */
.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: .6875rem;
  --bs-btn-font-family: var(--co-display);
  --bs-btn-font-size: .90625rem;
  --bs-btn-font-weight: 700;
  --bs-btn-line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  box-shadow: none !important;
}
.btn-sm { --bs-btn-padding-x: .75rem; --bs-btn-padding-y: .375rem; --bs-btn-font-size: .8125rem; letter-spacing: .04em; }
.btn-icon { letter-spacing: 0; }
.btn-outline-primary { --bs-btn-bg: #fff; --bs-btn-border-color: var(--co-azul); --bs-btn-hover-border-color: var(--co-azul); }
.btn-outline-secondary { --bs-btn-color: var(--co-tinta); --bs-btn-border-color: #b8b7b6; --bs-btn-hover-border-color: var(--co-tinta); }
.btn-outline-secondary .ti { color: var(--co-tenue); }
.btn-ghost { text-transform: none; letter-spacing: 0; font-family: "Barlow"; font-weight: 600; }
.dropdown-item { font-size: .9375rem; }

/* Tarjetas: blancas, filete gris, radio 8 y sin sombra */
.card { --bs-card-border-color: var(--co-linea); --bs-card-cap-padding-x: 1.25rem; --bs-card-cap-padding-y: .875rem; }
.card-header { border-bottom-color: var(--co-linea); }
.card-title { font: 700 1.25rem/1.2 var(--co-display); }
.card-subtitle { font-size: .875rem; }
.card-footer { background: #fff; border-top-color: var(--co-linea); }

/* Formularios */
.form-label { font-size: .9375rem; font-weight: 600; }
.form-text { font-size: .84375rem; }
.form-control, .form-select { min-height: 2.75rem; font-size: 1rem; }
.form-control[readonly], .form-control:disabled, .form-select:disabled { background-color: var(--co-papel); color: var(--co-tenue); }
.field-validation-error, .invalid-feedback { font-size: .84375rem; }
.select2-container--bootstrap-5 .select2-selection { min-height: 2.75rem; font-size: 1rem; }
.select2-container--bootstrap-5 .select2-selection--single { padding-top: .5625rem; padding-bottom: .5625rem; }
.select2-container--bootstrap-5 .select2-dropdown { font-size: 1rem; }
.input-group-text { font-size: 1rem; }

/* Tablas */
.table > thead th { font: 700 .8125rem var(--co-display); text-transform: uppercase; letter-spacing: .08em; color: var(--co-debil); }

/* Etiquetas (badges) como las de los portales: rectas, en caja alta */
.badge { --bs-badge-border-radius: 3px; --bs-badge-font-size: .8125rem; --bs-badge-font-weight: 700; font-family: var(--co-display); text-transform: uppercase; letter-spacing: .06em; }

/* Alertas: blancas con filete de color a la izquierda */
.alert { --bs-alert-border-radius: 6px; font-size: .9375rem; background: #fff; border-left-width: 5px; }
.alert-heading { font: 700 1rem var(--co-display); }
.alert-info { --bs-alert-border-color: var(--co-linea); border-left-color: var(--co-celeste-osc); --bs-alert-color: var(--co-tinta); }
.alert-info > .ti { color: var(--co-azul); }
.alert-success { --bs-alert-border-color: var(--co-linea); border-left-color: var(--co-verde); --bs-alert-color: var(--co-tinta); }
.alert-success > .ti { color: var(--co-verde-osc); }
.alert-warning { --bs-alert-border-color: var(--co-linea); border-left-color: var(--co-amarillo-osc); --bs-alert-color: var(--co-tinta); }
.alert-warning > .ti { color: #b07800; }
.alert-danger { --bs-alert-border-color: var(--co-linea); border-left-color: var(--co-rojo-osc); --bs-alert-color: var(--co-tinta); }
.alert-danger > .ti { color: var(--co-rojo-osc); }
.alert-secondary { --bs-alert-border-color: var(--co-linea); border-left-color: #b8b7b6; --bs-alert-bg: #fff; }
.alert .alert-link { color: var(--co-azul); }

/* Acordeón y listas */
.accordion { --bs-accordion-btn-font-size: 1.125rem; --bs-accordion-active-bg: #fff; --bs-accordion-active-color: var(--co-tinta); }
.accordion-button { font-family: var(--co-display); font-weight: 700; }
.list-group { --bs-list-group-border-color: var(--co-linea); }

/* Pasos del asistente como chips: el actual en Azul */
.ge-stepper { flex-wrap: wrap; gap: .5rem; }
.ge-step { flex: 0 0 auto; gap: .4375rem; padding: .4375rem .875rem .4375rem .5rem; border: 1px solid var(--co-linea); border-radius: 1.25rem; background: #fff; }
.ge-step-num { width: 1.5rem; height: 1.5rem; font: 700 .8125rem var(--co-display); background: var(--co-gris); border: 0; color: var(--co-tenue); }
.ge-step-desc { display: none; }
.ge-step-title { font-size: .90625rem; color: var(--co-tenue); }
.ge-step.active { background: var(--co-azul); border-color: var(--co-azul); }
.ge-step.active .ge-step-num { background: #fff; color: var(--co-azul); box-shadow: none; }
.ge-step.active .ge-step-title { color: #fff; }
.ge-step.done .ge-step-num { background: var(--bs-success-bg-subtle); color: var(--co-verde-osc); border: 0; }
.ge-step.done .ge-step-title { color: var(--co-tinta); }
@media (max-width: 767.98px) {
  .ge-stepper { gap: .375rem; }
  .ge-step { gap: .375rem; }
  .ge-step:not(.active) { padding: .3125rem; }
  .ge-step.active { padding-right: .75rem; }
  .ge-step-num { width: 1.375rem; height: 1.375rem; }
  .ge-step.active { flex: 0 0 auto; }
}

/* Cajas de ícono y avatar */
.ge-icon-box { border-radius: 50%; }
.ge-avatar { font-family: var(--co-display); font-weight: 700; }
.ge-empty-title { font: 700 1.25rem var(--co-display); }
.ge-kv { font-size: .9375rem; }

/* 7. Piezas de la portada ------------------------------------------------- */
/* Fechas por nivel: tarjetas con filete de color y etiqueta, como las de "qué significa cada color" */
.co-niveles { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .875rem; }
.co-nivel { background: #fff; border: 1px solid var(--co-linea); border-left: 5px solid var(--co-debil); border-radius: 6px; padding: 1rem 1.125rem 1.125rem; display: flex; flex-direction: column; gap: .5rem; }
.co-nivel-etq { align-self: flex-start; font: 700 .8125rem var(--co-display); text-transform: uppercase; letter-spacing: .08em; padding: .125rem .5625rem; border-radius: 3px; background: var(--co-gris); color: var(--co-tinta); }
.co-nivel-titulo { font: 700 1.3125rem/1.15 var(--co-display); margin: 0; }
.co-nivel-texto { color: var(--co-tenue); font-size: .9375rem; margin: 0; }
.co-nivel-fechas { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; font-size: .90625rem; margin: .25rem 0 0; }
.co-nivel-fechas dt { font: 700 .78125rem var(--co-display); text-transform: uppercase; letter-spacing: .08em; color: var(--co-debil); }
.co-nivel-fechas dd { margin: 0; }
.co-nivel-estado { margin-top: auto; padding-top: .375rem; display: inline-flex; align-items: center; gap: .375rem; font-weight: 600; font-size: .875rem; color: var(--co-tenue); }
.co-nivel-estado.abierta { color: var(--co-verde-osc); }
.co-nivel-estado .ti { font-size: 1.125rem; }
.co-nivel.inicial { border-left-color: var(--co-celeste-osc); } .co-nivel.inicial .co-nivel-etq { background: var(--co-celeste); }
.co-nivel.primario { border-left-color: var(--co-amarillo-osc); } .co-nivel.primario .co-nivel-etq { background: var(--co-amarillo); }
.co-nivel.secundario { border-left-color: var(--co-rojo-osc); } .co-nivel.secundario .co-nivel-etq { background: var(--co-rojo-osc); color: #fff; }
.co-nivel.varios { border-left-color: var(--co-verde); } .co-nivel.varios .co-nivel-etq { background: var(--co-verde-osc); color: #fff; }

/* Chips con ícono (índice de secciones) */
.co-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .875rem; }
.co-chip { display: inline-flex; align-items: center; gap: .4375rem; padding: .4375rem .75rem .4375rem .5625rem; border: 1px solid var(--co-linea); border-radius: 1.25rem; background: #fff; color: var(--co-tinta); font-weight: 600; font-size: .90625rem; text-decoration: none; }
.co-chip:hover { border-color: var(--co-azul); color: var(--co-azul); }
.co-chip .ti { color: var(--co-azul); font-size: 1.125rem; }

/* Tarjetas de dos columnas y listas */
.co-par { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: .875rem; margin-top: 2.25rem; }
.co-tarjeta { background: #fff; border: 1px solid var(--co-linea); border-radius: 8px; padding: 1.125rem 1.25rem 1.25rem; }
.co-tarjeta-titulo { display: flex; align-items: center; gap: .5rem; font: 700 1.25rem var(--co-display); margin: 0; }
.co-tarjeta-titulo .ti { color: var(--co-azul); font-size: 1.25rem; }
.co-tarjeta-texto { color: var(--co-tenue); font-size: .9375rem; margin: .25rem 0 .75rem; }
.co-tarjeta ol, .co-tarjeta ul { margin: 0; padding-left: 1.375rem; display: flex; flex-direction: column; gap: .4375rem; }
.co-tarjeta li::marker { font-weight: 700; }
.co-tarjeta .co-check { list-style: none; padding: 0; }
.co-check li { display: flex; gap: .625rem; }
.co-check .ti { color: var(--co-verde-osc); margin-top: .1875rem; }
.co-enlaces { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.co-enlaces a { display: flex; align-items: center; gap: .75rem; padding: .625rem 0; border-top: 1px solid var(--co-linea); color: var(--co-tinta); text-decoration: none; font-weight: 600; }
.co-enlaces li:first-child a { border-top: 0; }
.co-enlaces a:hover { color: var(--co-azul); }
.co-enlaces .ti:last-child { margin-left: auto; color: var(--co-debil); }

/* Bloque Negro de contacto (como "Ante una emergencia llamá a") */
.co-contacto { background: var(--co-tinta); color: #fff; border-radius: 10px; padding: 1.375rem 1.375rem 1.5rem; margin-top: 2.25rem; text-align: center; }
.co-contacto-titulo { font: 800 1.1875rem var(--co-display); text-transform: uppercase; letter-spacing: .06em; margin: 0 0 1rem; color: #fff; }
.co-contacto-datos { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.co-contacto-datos > div { padding: .25rem .75rem; }
.co-contacto-datos > div + div { border-left: 1px solid rgba(255, 255, 255, .2); }
.co-contacto-datos span { display: block; font-size: .875rem; color: #d5d4d3; }
.co-contacto-datos a { display: block; font: 800 1.4375rem/1.35 var(--co-display); color: #fff; text-decoration: none; }
.co-contacto-datos a:hover { text-decoration: underline; }
@media (max-width: 767.98px) {
  .co-contacto-datos > div + div { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .2); margin-top: .625rem; padding-top: .75rem; }
}

/* 8. Pie ------------------------------------------------------------------ */
.co-pie { background: var(--co-tinta); color: #d5d4d3; font-size: .90625rem; }
.co-pie-in { max-width: var(--co-ancho); margin: 0 auto; padding: 1.875rem 1.5rem 2.125rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 1.875rem; }
.co-pie-marca { display: flex; gap: 1rem; align-items: center; }
.co-pie-escudo { height: 4rem; width: auto; }
.co-pie-gob, .co-pie-min, .co-pie-sitio { display: block; }
.co-pie-gob { color: #fff; font: 800 1rem var(--co-display); text-transform: uppercase; letter-spacing: .04em; }
.co-pie-min { font: 700 .75rem var(--co-display); text-transform: uppercase; letter-spacing: .1em; margin-top: .5rem; }
.co-pie-sitio { color: #fff; font: 700 1.0625rem var(--co-display); }
.co-pie a { color: #fff; text-decoration: none; font-weight: 600; }
.co-pie a:hover { text-decoration: underline; }
.co-pie-ayuda { border-left: 1px solid rgba(255, 255, 255, .2); padding-left: 1.5rem; }
.co-pie-ayuda p { margin: 0 0 .5rem; }
.co-pie-ayuda p:last-child { margin-bottom: 0; }
.co-pie-ayuda b { color: #fff; }
@media (max-width: 767.98px) {
  .co-pie-in { grid-template-columns: minmax(0, 1fr); padding: 1.625rem 1rem; }
  .co-pie-ayuda { border-left: 0; padding-left: 0; }
}