/* ==========================================================================
   FEDELAN, la portada (inc/home/portada.php).

   Es la estructura de Mango que aprobo Fran el 1 nov 2026 (issue #18):
   titular grande en Archivo ancha, dos fotos de portada, beneficios, como se
   compra, el bloque verde de la temporada, mas vendidos, compra por
   categoria, tejidos de dama y el bloque negro de contacto.

   Todo cuelga de .fedelan-p-*: no toca la tarjeta (theme.css) ni el riel
   (products.css), que son los mismos de todo el sitio.
   ========================================================================== */

:root {
    /* Aire entre bloques. */
    --fedelan-p-aire: 96px;
}
@media (max-width: 768px) {
    :root { --fedelan-p-aire: 56px; }
}

/* La caja de la pagina: el mismo ancho y el mismo margen que el resto. */
.fedelan-p-caja {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--fedelan-container);
    margin: 0 auto;
    padding: 0 var(--fedelan-container-padding);
}

.fedelan-p-seccion { margin-top: var(--fedelan-p-aire); }

/* Lo que va solo en escritorio o solo en el telefono. */
@media (max-width: 768px) { .fedelan-p-solo-ancho { display: none !important; } }
@media (min-width: 769px) { .fedelan-p-solo-angosto { display: none !important; } }

/* --- Tipografia ---------------------------------------------------------- */

/* El titular: la misma Archivo, ancha y en 800 (fonts.css). */
.fedelan-p-titular {
    font-family: var(--fedelan-font-display);
    font-stretch: var(--fedelan-font-titular-stretch);
    font-weight: var(--fedelan-font-titular-weight);
    letter-spacing: -0.01em;
    text-transform: uppercase;
    line-height: 0.95;
    margin: 0;
    color: inherit;
}
.fedelan-p-h2 { font-size: clamp(28px, 2.8vw, 44px); }

/* La etiqueta chica de arriba de cada titulo. Los items van separados por un
   cuadradito dibujado, no por un caracter. */
.fedelan-p-eyebrow {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px;
    margin: 0 0 14px;
    font-size: 13px; font-weight: 700; line-height: 1.3;
    letter-spacing: 0.18em; text-transform: uppercase;
    color: var(--fedelan-muted);
}
.fedelan-p-eyebrow span + span::before {
    content: ""; display: inline-block; width: 3px; height: 3px;
    margin-right: 10px; vertical-align: middle;
    background: currentColor;
}

/* --- Botones y links ----------------------------------------------------- */

.fedelan-p-flecha { flex: 0 0 auto; }

.fedelan-p-boton {
    display: inline-flex; align-items: center; justify-content: center; gap: 14px;
    min-height: 54px; padding: 0 28px; box-sizing: border-box;
    font-family: var(--fedelan-font-primary); font-size: 14px; font-weight: 700;
    letter-spacing: 0.14em; text-transform: uppercase; line-height: 1;
    text-decoration: none; border: 1px solid var(--fedelan-ink);
    transition: background-color var(--fedelan-dur) var(--fedelan-ease), color var(--fedelan-dur) var(--fedelan-ease);
}
.fedelan-p-boton:focus-visible { outline: 2px solid var(--fedelan-accent); outline-offset: 3px; }
.fedelan-p-boton--negro,
.fedelan-p-boton--negro:visited { background: var(--fedelan-ink); color: var(--fedelan-paper); }
.fedelan-p-boton--negro:hover { background: var(--fedelan-ink-soft); color: var(--fedelan-paper); }
.fedelan-p-boton--borde,
.fedelan-p-boton--borde:visited { background: var(--fedelan-paper); color: var(--fedelan-ink); }
.fedelan-p-boton--borde:hover { background: var(--fedelan-ink); color: var(--fedelan-paper); }
.fedelan-p-boton--blanco,
.fedelan-p-boton--blanco:visited { background: var(--fedelan-paper); color: var(--fedelan-temporada); border-color: var(--fedelan-paper); }
.fedelan-p-boton--blanco:hover { background: var(--fedelan-temporada-claro); color: var(--fedelan-temporada); }

.fedelan-p-link,
.fedelan-p-link:visited {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--fedelan-ink); text-decoration: none; white-space: nowrap;
}
.fedelan-p-link > span,
.fedelan-p-link { text-underline-offset: 6px; }
.fedelan-p-link { text-decoration: underline; text-decoration-thickness: 1.5px; }
.fedelan-p-link:hover { color: var(--fedelan-ink-soft); }

/* Cabeza de seccion: titulo a la izquierda, link a la derecha. */
.fedelan-p-cabeza {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 24px;
    margin-bottom: 32px;
}
.fedelan-p-cabeza__bajada { margin: 10px 0 0; font-size: 15px; color: var(--fedelan-ink-soft); }
@media (max-width: 768px) {
    .fedelan-p-cabeza { margin-bottom: 20px; align-items: flex-end; }
}

/* --------------------------------------------------------------------------
   1. Titular y fotos
   -------------------------------------------------------------------------- */

.fedelan-p-hero__arriba {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 40px;
    padding-top: 64px; padding-bottom: 52px;
}
.fedelan-p-hero__texto { flex: 1 1 auto; min-width: 0; }
.fedelan-p-hero__titulo { font-size: clamp(40px, 4.7vw, 84px); max-width: 12em; }
.fedelan-p-hero__acciones { flex: 0 0 auto; padding-bottom: 6px; }
.fedelan-p-hero__botones { display: flex; gap: 12px; }
.fedelan-p-hero__desde {
    display: flex; align-items: center; gap: 8px;
    margin: 16px 0 0; font-size: 15px; color: var(--fedelan-ink-soft);
}
.fedelan-p-hero__desde strong { color: var(--fedelan-ink); font-weight: 700; }
.fedelan-p-hero__desde .woocommerce-Price-amount { font-weight: 700; }

.fedelan-p-hero__fotos { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.fedelan-p-hero__foto {
    position: relative; display: block; overflow: hidden;
    aspect-ratio: 4 / 3; background: var(--fedelan-sand);
}
/* En pantallas grandes la mitad de 4:3 pasaba los 720 de alto y tapaba todo
   lo que sigue: arriba de 1500 la foto se corta abajo y queda en 640. */
@media (min-width: 1500px) {
    .fedelan-p-hero__foto { aspect-ratio: auto; height: 640px; }
}
.fedelan-p-hero__img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: center top;
    transition: transform 0.8s var(--fedelan-ease);
}
.fedelan-p-hero__foto:hover .fedelan-p-hero__img { transform: scale(1.02); }

/* La placa blanca con el nombre, abajo a la izquierda de la foto. */
.fedelan-p-placa {
    position: absolute; left: 32px; bottom: 32px; z-index: 1;
    display: inline-flex; align-items: center; gap: 14px;
    padding: 16px 24px; background: var(--fedelan-paper); color: var(--fedelan-ink);
    font-size: 15px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1;
}
.fedelan-p-hero__foto:focus-visible { outline: 2px solid var(--fedelan-accent); outline-offset: -4px; }

@media (max-width: 1100px) {
    .fedelan-p-hero__arriba { flex-direction: column; align-items: flex-start; gap: 28px; }
}
@media (max-width: 768px) {
    .fedelan-p-hero__arriba { padding-top: 28px; padding-bottom: 28px; gap: 24px; }
    .fedelan-p-hero__titulo { font-size: clamp(36px, 11vw, 52px); }
    .fedelan-p-hero__acciones { width: 100%; padding: 0; }
    .fedelan-p-hero__botones { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .fedelan-p-hero__botones .fedelan-p-boton { padding: 0 12px; }
    .fedelan-p-hero__botones .fedelan-p-flecha { display: none; }
    .fedelan-p-hero__fotos {
        grid-template-columns: 1fr; gap: 8px;
        padding: 0 var(--fedelan-container-padding);
    }
    .fedelan-p-hero__foto { aspect-ratio: 4 / 3; }
    .fedelan-p-placa { left: 12px; bottom: 12px; padding: 12px 16px; font-size: 13px; }
}

/* --------------------------------------------------------------------------
   2. Beneficios
   -------------------------------------------------------------------------- */

.fedelan-p-beneficios { border-bottom: 1px solid var(--fedelan-line); }
.fedelan-p-beneficios__lista {
    list-style: none; margin: 0 auto;
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;
    padding-top: 36px; padding-bottom: 36px;
}
.fedelan-p-beneficio {
    display: grid; grid-template-columns: 24px 1fr; column-gap: 18px; row-gap: 4px; align-items: start;
}
.fedelan-p-beneficio__icono { grid-row: span 2; color: var(--fedelan-ink); }
.fedelan-p-beneficio__titulo { font-size: 15px; font-weight: 700; line-height: 1.3; }
.fedelan-p-beneficio__texto { font-size: 13px; line-height: 1.5; color: var(--fedelan-ink-soft); }

@media (max-width: 1100px) {
    .fedelan-p-beneficios__lista { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .fedelan-p-beneficios { border-bottom: 0; }
    .fedelan-p-beneficios__lista { gap: 0; padding-top: 8px; padding-bottom: 0; }
    .fedelan-p-beneficio {
        display: flex; flex-direction: column; gap: 6px;
        padding: 20px 14px 20px 0; border-bottom: 1px solid var(--fedelan-line);
    }
    .fedelan-p-beneficio:nth-child(odd) { border-right: 1px solid var(--fedelan-line); }
    .fedelan-p-beneficio:nth-child(even) { padding-left: 14px; }
    .fedelan-p-beneficio__icono { margin-bottom: 8px; }
    .fedelan-p-beneficio__titulo { font-size: 14px; }
}

/* --------------------------------------------------------------------------
   3. Como se compra
   -------------------------------------------------------------------------- */

.fedelan-p-pasos {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.fedelan-p-paso {
    display: flex; flex-direction: column; gap: 18px;
    padding: 32px; background: var(--fedelan-campo-claro);
}
.fedelan-p-paso__numero { font-size: 40px; line-height: 1; }
.fedelan-p-paso__cuerpo { display: flex; flex-direction: column; gap: 10px; }
.fedelan-p-paso__titulo { font-size: 19px; font-weight: 700; line-height: 1.25; }
.fedelan-p-paso__texto { font-size: 15px; line-height: 1.55; color: var(--fedelan-ink-soft); }

@media (max-width: 900px) {
    .fedelan-p-pasos { grid-template-columns: 1fr; gap: 10px; }
    .fedelan-p-paso { flex-direction: row; gap: 28px; padding: 24px; }
    .fedelan-p-paso__numero { flex: 0 0 34px; font-size: 34px; }
    .fedelan-p-paso__titulo { font-size: 17px; }
    .fedelan-p-como .fedelan-p-link { margin-top: 20px; }
}

/* --------------------------------------------------------------------------
   4. Temporada
   -------------------------------------------------------------------------- */

.fedelan-p-temporada {
    display: grid; grid-template-columns: minmax(280px, 1fr) minmax(0, 1.55fr); gap: 48px; align-items: center;
    padding: 48px; background: var(--fedelan-temporada); color: var(--fedelan-paper);
}
.fedelan-p-temporada .fedelan-p-eyebrow { color: var(--fedelan-temporada-texto); }
.fedelan-p-temporada__titulo { font-size: clamp(40px, 4.6vw, 64px); }
.fedelan-p-temporada__bajada { margin: 20px 0 0; max-width: 34ch; font-size: 16px; line-height: 1.55; color: var(--fedelan-paper); }
.fedelan-p-temporada__desde { margin: 40px 0 24px; }
.fedelan-p-temporada__desde .fedelan-p-eyebrow { display: block; margin: 0 0 4px; }
.fedelan-p-temporada__precio { display: block; font-size: clamp(34px, 3.4vw, 48px); }
.fedelan-p-temporada__precio .woocommerce-Price-amount,
.fedelan-p-temporada__precio bdi { color: var(--fedelan-paper); font: inherit; }

.fedelan-p-temporada__fotos {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.fedelan-p-temporada__foto a { display: block; overflow: hidden; aspect-ratio: 1 / 1; background: var(--fedelan-sand); }
/* El encuadre del short: de la cintura a la rodilla de la foto de frente. */
.fedelan-p-temporada__foto img {
    width: 100%; height: 100%; display: block;
    object-fit: cover; object-position: 50% 62%;
    transform: scale(1.75); transform-origin: 50% 62%;
    transition: transform 0.6s var(--fedelan-ease);
}
.fedelan-p-temporada__foto a:hover img { transform: scale(1.82); }
.fedelan-p-temporada__foto a:focus-visible { outline: 2px solid var(--fedelan-paper); outline-offset: 2px; }

/* La tabla de la curva, en la sexta celda. */
.fedelan-p-curva {
    display: flex; flex-direction: column; justify-content: center;
    padding: 20px; background: var(--fedelan-temporada-claro); color: var(--fedelan-temporada);
}
.fedelan-p-curva__titulo { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.fedelan-p-curva__tabla { width: 100%; border-collapse: collapse; margin: 0; border: 0; }
.fedelan-p-curva__tabla th,
.fedelan-p-curva__tabla td {
    padding: 4px 0; border: 0; border-bottom: 1px solid rgba(31, 74, 66, 0.25);
    background: transparent; font-size: 14px; color: var(--fedelan-temporada);
}
.fedelan-p-curva__tabla tr:last-child th,
.fedelan-p-curva__tabla tr:last-child td { border-bottom: 0; }
.fedelan-p-curva__tabla th { text-align: left; font-weight: 400; }
.fedelan-p-curva__tabla td { text-align: right; font-weight: 700; }

@media (max-width: 1000px) {
    .fedelan-p-temporada { grid-template-columns: 1fr; gap: 28px; padding: 32px; }
}
@media (max-width: 768px) {
    .fedelan-p-temporada-seccion .fedelan-p-caja { padding: 0 var(--fedelan-container-padding); }
    .fedelan-p-temporada { padding: 28px 24px; display: flex; flex-direction: column; align-items: stretch; }
    .fedelan-p-temporada__texto { display: contents; }
    .fedelan-p-temporada__texto > .fedelan-p-eyebrow { order: 1; margin-bottom: 10px; }
    .fedelan-p-temporada__titulo { order: 2; font-size: 44px; }
    .fedelan-p-temporada__bajada { order: 3; margin-top: 14px; }
    .fedelan-p-temporada__fotos { order: 4; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
    .fedelan-p-temporada__desde { order: 5; display: flex; align-items: baseline; justify-content: space-between; margin: 28px 0 20px; }
    .fedelan-p-temporada__desde .fedelan-p-eyebrow { margin: 0; }
    .fedelan-p-temporada__precio { font-size: 34px; }
    .fedelan-p-temporada .fedelan-p-boton { order: 6; width: 100%; }
}

/* --------------------------------------------------------------------------
   5. Mas vendidos: el riel de siempre adentro de la caja.
   -------------------------------------------------------------------------- */

.fedelan-p-vendidos .fedelan-products__nav { margin-top: 24px; }

/* --------------------------------------------------------------------------
   6. Compra por categoria
   -------------------------------------------------------------------------- */

.fedelan-p-categorias__lista {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.fedelan-p-categorias__lista--4 { grid-template-columns: repeat(4, 1fr); }
.fedelan-p-categorias__lista--2 { grid-template-columns: repeat(2, 1fr); }
.fedelan-p-categoria {
    display: grid; grid-template-columns: 1fr auto; align-items: center;
    text-decoration: none; color: var(--fedelan-ink);
    border: 1px solid var(--fedelan-line); border-top: 0;
}
.fedelan-p-categoria__foto {
    grid-column: 1 / -1; display: block; overflow: hidden;
    aspect-ratio: 7 / 8; background: var(--fedelan-sand);
    margin: 0 -1px;
}
.fedelan-p-categoria__foto img {
    width: 100%; height: 100%; display: block;
    object-fit: cover; object-position: center 12%;
    transition: transform 0.8s var(--fedelan-ease);
}
.fedelan-p-categoria:hover .fedelan-p-categoria__foto img { transform: scale(1.03); }
.fedelan-p-categoria__rotulo { display: flex; flex-direction: column; gap: 4px; padding: 22px 24px; }
.fedelan-p-categoria__madre { font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fedelan-muted); }
.fedelan-p-categoria__nombre { font-size: clamp(20px, 1.9vw, 28px); }
.fedelan-p-categoria > .fedelan-p-flecha { margin-right: 24px; width: 18px; height: 18px; }
.fedelan-p-categoria:focus-visible { outline: 2px solid var(--fedelan-accent); outline-offset: 2px; }

/* En el telefono, una lista: foto chica, rotulo y flecha. */
@media (max-width: 768px) {
    .fedelan-p-categorias__lista,
    .fedelan-p-categorias__lista--4,
    .fedelan-p-categorias__lista--2 { grid-template-columns: 1fr; gap: 10px; }
    .fedelan-p-categoria { grid-template-columns: 72px 1fr auto; border-top: 1px solid var(--fedelan-line); }
    .fedelan-p-categoria__foto { grid-column: 1; aspect-ratio: 1 / 1; margin: 0; }
    .fedelan-p-categoria__rotulo { padding: 12px 16px; }
    .fedelan-p-categoria__nombre { font-size: 20px; }
    .fedelan-p-categoria > .fedelan-p-flecha { margin-right: 16px; }
}

/* --------------------------------------------------------------------------
   7. Tejidos de Dama: cuatro tarjetas, dos por fila en el telefono.
   -------------------------------------------------------------------------- */

.fedelan-p-grilla { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px var(--fedelan-gutter); }
@media (max-width: 900px) {
    .fedelan-p-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px var(--fedelan-gutter); }
}

/* --------------------------------------------------------------------------
   8. Contacto
   -------------------------------------------------------------------------- */

.fedelan-p-contacto {
    margin-top: var(--fedelan-p-aire);
    padding: 88px 0;
    background: var(--fedelan-noche); color: var(--fedelan-paper);
}
.fedelan-p-contacto__grilla { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.1fr); gap: 80px; align-items: start; }
.fedelan-p-contacto .fedelan-p-eyebrow { color: #A9A6A1; }
.fedelan-p-contacto__titulo { font-size: clamp(32px, 3.4vw, 50px); }
.fedelan-p-contacto__bajada { margin: 24px 0 0; max-width: 44ch; font-size: 17px; line-height: 1.55; color: #D8D6D2; }
.fedelan-p-contacto__wa { margin-top: 36px; padding-top: 28px; border-top: 1px solid #2E2E2E; }
.fedelan-p-contacto__wa .fedelan-p-eyebrow { margin-bottom: 10px; }
.fedelan-p-contacto__wa a,
.fedelan-p-contacto__wa-corto a {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 18px; font-weight: 700; color: var(--fedelan-paper); text-decoration: none;
}
.fedelan-p-contacto__wa a:hover { text-decoration: underline; }
.fedelan-p-contacto__wa-corto { margin: 0; text-align: center; }
.fedelan-p-contacto__wa-corto a { font-size: 15px; text-decoration: underline; }

/* El formulario: una tarjeta blanca. */
.fedelan-p-form { position: relative; padding: 40px; background: var(--fedelan-paper); color: var(--fedelan-ink); }
.fedelan-p-form__trampa { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.fedelan-p-form__fila { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fedelan-p-form__campo { display: flex; flex-direction: column; gap: 8px; margin: 0 0 18px; }
.fedelan-p-form label,
.fedelan-p-form legend {
    font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fedelan-ink-soft);
}
.fedelan-p-form input[type="text"],
.fedelan-p-form input[type="tel"],
.fedelan-p-form input[type="email"] {
    width: 100%; height: 50px; box-sizing: border-box; padding: 0 14px;
    border: 1px solid var(--fedelan-line); border-radius: 0; background: var(--fedelan-paper);
    font-family: var(--fedelan-font-primary); font-size: 16px; color: var(--fedelan-ink);
    box-shadow: none;
}
.fedelan-p-form input::placeholder { color: var(--fedelan-muted-2); opacity: 1; }
.fedelan-p-form input:focus { outline: 0; border-color: var(--fedelan-ink); box-shadow: inset 0 0 0 1px var(--fedelan-ink); }
.fedelan-p-form input[aria-invalid="true"] { border-color: var(--fedelan-err); }
.fedelan-p-form__error { font-size: 13px; color: var(--fedelan-err); }
.fedelan-p-form__error:empty { display: none; }

.fedelan-p-form__grupo { margin: 4px 0 18px; padding: 0; border: 0; min-width: 0; }
.fedelan-p-form__grupo legend { padding: 0; margin-bottom: 10px; }
.fedelan-p-form__opciones { display: flex; flex-wrap: wrap; gap: 8px; }
.fedelan-p-form .fedelan-p-form__opcion {
    display: inline-flex; align-items: center; gap: 10px;
    min-height: 46px; padding: 0 16px; box-sizing: border-box;
    border: 1px solid var(--fedelan-line); cursor: pointer;
    font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--fedelan-ink);
}
.fedelan-p-form__opcion input { margin: 0; accent-color: var(--fedelan-ink); width: 16px; height: 16px; }
.fedelan-p-form__opcion:has(input:checked) { border-color: var(--fedelan-ink); box-shadow: inset 0 0 0 1px var(--fedelan-ink); }
.fedelan-p-form__opcion:has(input:focus-visible) { outline: 2px solid var(--fedelan-accent); outline-offset: 2px; }

.fedelan-p-form__enviar { width: 100%; margin-top: 8px; min-height: 58px; cursor: pointer; }
.fedelan-p-form__enviar:disabled { opacity: 0.6; cursor: wait; }
.fedelan-p-form__estado { margin: 14px 0 0; font-size: 15px; font-weight: 700; }
.fedelan-p-form__estado:empty { display: none; }
.fedelan-p-form__estado.is-ok { color: var(--fedelan-ok); }
.fedelan-p-form__estado.is-error { color: var(--fedelan-err); }
.fedelan-p-form__nota { margin: 14px 0 0; font-size: 13px; color: var(--fedelan-muted); }

@media (max-width: 1000px) {
    .fedelan-p-contacto__grilla { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 768px) {
    .fedelan-p-contacto { padding: 48px 0; }
    .fedelan-p-contacto__titulo { font-size: 34px; }
    .fedelan-p-contacto__bajada { font-size: 16px; margin-top: 16px; }
    .fedelan-p-form { padding: 24px 20px; }
    .fedelan-p-form__fila { grid-template-columns: 1fr; gap: 0; }
    .fedelan-p-form__opciones { display: grid; grid-template-columns: 1fr 1fr; }
    .fedelan-p-form__grupo:last-of-type .fedelan-p-form__opciones { grid-template-columns: 1fr; }
}

/* El pie, pegado al bloque negro sin aire blanco entre los dos y separado
   por una linea, como en el mockup. */
body.home .fedelan-footer { margin-top: 0; border-top: 1px solid #2E2E2E; }