.enlaces-interes{padding:74px 0;background:#fff;border-top:1px solid #edf1f4}.enlaces-interes-contenedor{width:min(1440px,calc(100% - 40px));margin:0 auto}.enlaces-interes-cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:20px}.enlaces-interes-cabecera>div:first-child{max-width:760px}.enlaces-interes-etiqueta{display:inline-flex;padding:6px 11px;border-radius:999px;background:#f5e9ec;color:#6b1e2e;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.enlaces-interes h2{margin:11px 0 8px;color:#102a43;font-size:clamp(30px,3.4vw,46px);line-height:1.04;letter-spacing:-.035em}.enlaces-interes-cabecera p{margin:0;color:#65778a;font-size:15px;line-height:1.6}.enlaces-interes-controles{display:flex;gap:8px}.enlaces-control{width:42px;height:42px;padding:0;border:1px solid #d8e2ea;border-radius:10px;display:grid;place-items:center;color:#102a43;background:#fff;cursor:pointer;transition:.16s ease}.enlaces-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.enlaces-control:hover:not(:disabled){color:#fff;background:#102a43;border-color:#102a43}.enlaces-control:disabled{opacity:.35;cursor:default}.enlaces-interes-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px;scrollbar-width:none}.enlaces-interes-tabs::-webkit-scrollbar{display:none}.enlaces-tab{flex:0 0 auto;min-height:38px;padding:8px 16px;border:1px solid #dce5ed;border-radius:9px;background:#f7f9fb;color:#45596c;font-size:13px;font-weight:850;cursor:pointer;transition:.15s ease}.enlaces-tab:hover{border-color:#b9c7d4;color:#102a43}.enlaces-tab.activo{border-color:#6b1e2e;background:#6b1e2e;color:#fff}.enlaces-carrusel-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.enlaces-carrusel-viewport::-webkit-scrollbar{display:none}.enlaces-carrusel-track{--gap:18px;display:flex;flex-wrap:nowrap;gap:var(--gap);align-items:stretch}.enlace-interes-card{flex:0 0 calc((100% - (var(--gap)*3))/4);min-width:0;scroll-snap-align:start;border:1px solid #dbe5ed;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(16,42,67,.065);transition:.18s ease}.enlace-interes-card:hover{transform:translateY(-3px);border-color:#c2d0dc;box-shadow:0 17px 38px rgba(16,42,67,.11)}.enlace-interes-card.oculto{display:none}.enlace-interes-link{display:grid;grid-template-columns:42% 1fr;min-height:200px;height:100%;color:inherit;text-decoration:none}.enlace-interes-imagen-wrap{position:relative;min-height:200px;border-right:1px solid #e7edf2;background:#f4f7f9;overflow:hidden}.enlace-interes-imagen{position:relative;z-index:2;width:100%;height:100%;min-height:200px;display:block;object-fit:contain;padding:12px;background:#fff;border-radius:15px;transition:transform .2s ease}.enlace-interes-card:hover .enlace-interes-imagen{transform:scale(1.025)}.enlace-interes-fallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;color:#5e7183}.enlace-interes-fallback-icono{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#102a43;color:#fff}.enlace-interes-fallback-icono svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.enlace-interes-cuerpo{padding:20px;display:flex;flex-direction:column;min-width:0}.enlace-interes-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#77899a;font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.enlace-interes-meta b{padding:4px 6px;border-radius:6px;background:#f4e8eb;color:#6b1e2e}.enlace-interes-cuerpo h3{margin:12px 0 7px;color:#102a43;font-size:19px;line-height:1.2}.enlace-interes-cuerpo p{margin:0;color:#687b8e;font-size:12.5px;line-height:1.55}.enlace-interes-cta{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;color:#6b1e2e;font-size:12px;font-weight:900}.enlace-interes-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.enlaces-carrusel-pie{min-height:30px;margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7c8b99;font-size:11px}.enlaces-carrusel-puntos{display:flex;gap:6px}.enlaces-carrusel-punto{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#c9d3dc;cursor:pointer}.enlaces-carrusel-punto.activo{width:22px;background:#6b1e2e}@media(max-width:1320px){.enlace-interes-card{flex-basis:calc((100% - (var(--gap)*2))/3)}}@media(max-width:1050px){.enlace-interes-card{flex-basis:calc((100% - var(--gap))/2)}}@media(max-width:720px){.enlaces-interes{padding:56px 0}.enlaces-interes-contenedor{width:calc(100% - 24px)}.enlaces-interes-cabecera{align-items:flex-start}.enlaces-interes-cabecera p{display:none}.enlace-interes-card{flex-basis:100%}.enlace-interes-link{grid-template-columns:38% 1fr;min-height:170px}.enlace-interes-imagen-wrap,.enlace-interes-imagen{min-height:170px}.enlace-interes-cuerpo{padding:16px}.enlace-interes-cuerpo h3{font-size:17px}}
/* Con pocas tarjetas quedaban pegadas a la izquierda dejando un hueco.
   'safe center' las centra cuando caben y vuelve solo a la izquierda en
   cuanto hay desbordamiento, que es lo que necesita el carrusel para que
   no se pierdan las primeras al desplazar. */
.enlaces-carrusel-track{justify-content:center;justify-content:safe center}

/* ==========================================================================
   Capa editorial: el mismo trato que la portada. Sin pastillas de color,
   esquinas redondeadas suaves (pildoras en pestanas y flechas), ningun salto ni sombra al pasar el raton.
   ========================================================================== */
.enlaces-interes-etiqueta{padding:0;border-radius:0;background:none;font-size:10.5px;font-weight:700;letter-spacing:.2em}
.enlaces-interes h2{font-weight:500;letter-spacing:-.03em}
.enlaces-control{border-radius:999px}
.enlaces-tab{border-radius:999px;padding-inline:18px}
.enlaces-tab{font-weight:600}
.enlace-interes-card{border-radius:18px;box-shadow:none}
.enlace-interes-card:hover{transform:none;box-shadow:none}
.enlace-interes-card:hover .enlace-interes-imagen{transform:none}
.enlace-interes-imagen{border-radius:12px}
.enlace-interes-meta b{padding:0;border-radius:0;background:none;color:#6b1e2e;letter-spacing:.14em}
.enlace-interes-fallback-icono{border-radius:12px}
.enlaces-carrusel-punto{border-radius:999px}

/* Contador del carrusel: categoria a la izquierda y "02 / 05" en cifras
   tabulares, en vez de la frase "5 enlaces en esta categoria · 2/5". */
.enlaces-contador{display:inline-flex;align-items:baseline;gap:12px;font-variant-numeric:tabular-nums}
.enlaces-contador-categoria{color:#6b1e2e;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.enlaces-contador-cifras{display:inline-flex;align-items:baseline;gap:5px;padding-left:12px;border-left:1px solid #dbe3ea;color:#9aa8b5;font-size:12px;font-weight:500}
.enlaces-contador-cifras b{color:#102a43;font-size:17px;font-weight:600;letter-spacing:-.01em}
.enlaces-contador-total{color:#65778a;font-size:11.5px}
.enlaces-carrusel-punto{height:6px;width:6px;transition:width .25s ease,background-color .25s ease}
.enlaces-carrusel-punto.activo{width:24px}

/* Imagen de cada enlace: la foto llena su marco (con un respiro alrededor)
   para que se vean las esquinas redondeadas. Con "contain" quedaba una
   franja blanca y el radio caia en el vacio. */
.enlace-interes-imagen-wrap { padding: 12px; border-right: 0; background: #fff; }
.enlace-interes-imagen {
    position: absolute;
    inset: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    min-height: 0;
    padding: 0;
    object-fit: cover;
    border-radius: 14px;
    background: #f5f5f7;
}
.enlace-interes-imagen-wrap.sin-imagen,
.enlace-interes-fallback { border-radius: 14px; }
.enlace-interes-fallback { inset: 12px; background: #f5f5f7; }

/* Pie de la tarjeta: el dominio real del enlace en una pildora gris y la
   flecha en un circulo aparte, en vez de un "Ir al sitio" generico. Al
   pasar por la tarjeta, la flecha se rellena de vino. */
.enlace-interes-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding-top: 16px;
    font-weight: 500;
}
.enlace-interes-dominio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    padding: 6px 11px;
    border-radius: 999px;
    background: #f5f5f7;
    color: #1d1d1f;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.005em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.enlace-interes-dominio svg { width: 13px; height: 13px; flex: 0 0 13px; stroke: #6e6e73; stroke-width: 1.7; }
.enlace-interes-flecha {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #f5f5f7;
    color: #6b1e2e;
    transition: background-color .18s ease, color .18s ease;
}
.enlace-interes-flecha svg { width: 15px; height: 15px; stroke-width: 2; }
.enlace-interes-card:hover .enlace-interes-flecha,
.enlace-interes-link:focus-visible .enlace-interes-flecha { background: #6b1e2e; color: #fff; }

/* Puntos: redondos y del mismo tamano, el activo en vino (como el resto
   de carruseles del sitio). */
.enlaces-carrusel-puntos { gap: 8px; }
.enlaces-carrusel-punto { width: 8px; height: 8px; border-radius: 50%; background: #d2d2d7; transition: background-color .2s ease, transform .2s ease; }
.enlaces-carrusel-punto:hover { background: #a1a1a6; }
.enlaces-carrusel-punto.activo { width: 8px; background: #6b1e2e; transform: scale(1.15); }

/* Tarjeta mas baja: pasaba de 200px y se veia alargada. La imagen ocupa
   menos ancho y el texto gana sitio para que el dominio no se corte. */
.enlace-interes-link { grid-template-columns: 34% minmax(0, 1fr); min-height: 150px; }
.enlace-interes-imagen-wrap { min-height: 150px; padding: 10px; }
.enlace-interes-imagen { inset: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }
.enlace-interes-fallback { inset: 10px; }
.enlace-interes-cuerpo { padding: 14px 16px 14px 12px; }
.enlace-interes-cuerpo h3 { margin: 8px 0 4px; font-size: 16.5px; }
.enlace-interes-cuerpo p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    text-align-last: auto;
    hyphens: manual;
    line-height: 1.45;
}
.enlace-interes-cta { padding-top: 10px; }
.enlace-interes-dominio { padding: 5px 10px; font-size: 11.5px; }
.enlace-interes-flecha { flex-basis: 28px; width: 28px; height: 28px; }
@media (max-width: 720px) {
    .enlace-interes-link { grid-template-columns: 34% minmax(0, 1fr); min-height: 140px; }
    .enlace-interes-imagen-wrap { min-height: 140px; }
}