/**
 * Estilo visual «Baleno Perú» — reproduce la web original de balenoperu.com (Joomla, plantilla
 * «Aircoms»; migrada a Netkipu el 12-oct-2026). Solo la usa Baleno: cabecera blanca con el ítem
 * activo en un bloque celeste, carrusel a todo el ancho con el texto arriba a la derecha, franja gris
 * carbón con las líneas de producto, marcas con el marcador celeste, tarjetas blancas sobre gris y
 * los 11 tipos de cierre con la foto a la izquierda del texto (como sus artículos).
 * Colores: celeste #5aaddd · gris carbón #2a2d2e · gris #7f8990 · gris claro #f4f4f4.
 */
html.skin-baleno body { background: #fff; }

/* ===== Cabecera: ítem activo/hover en bloque celeste con texto blanco (como el original) ===== */
:host(site-header) ul.menu > .item > a { font-size: .74rem; letter-spacing: .04em; font-weight: 400; }
:host(site-header) ul.menu > .item > a.is-current,
:host(site-header) ul.menu > .item > a:hover { background: #5aaddd; color: #fff; border-bottom-color: transparent; }
:host(site-header) ul.menu > .item:last-child > a { background: none; color: inherit; border-radius: 0; }
:host(site-header) ul.menu > .item:last-child > a.is-current,
:host(site-header) ul.menu > .item:last-child > a:hover { background: #5aaddd; color: #fff; }
/* La web original no muestra «Iniciar sesión» (el panel sigue en /admin). */
:host(site-header) .utility, :host(site-header) [data-login-actions] { display: none !important; }

/* ===== Carrusel: texto oscuro arriba a la derecha, título grueso, botón celeste pequeño ===== */
:host(site-slideshow) .panel .t { font-family: 'Open Sans', sans-serif; font-weight: 800; letter-spacing: -.01em; line-height: 1.1; }
:host(site-slideshow) .panel .st { font-weight: 700; }
:host(site-slideshow) .panel .d { font-weight: 300; }
:host(site-slideshow) .panel .slide-cta { background: #5aaddd; color: #fff; border-radius: 3px; font-size: .8rem;
    text-transform: uppercase; letter-spacing: .04em; padding: .55rem 1.1rem; box-shadow: none; }

/* ===== «Bienvenidos»: título celeste y viñetas con check, separadas por línea ===== */
:host(site-freeform[data-anchor="bienvenidos"]) .pb-text h2 { text-transform: uppercase; font-size: 1.55rem; font-weight: 700; color: #333; }
:host(site-freeform[data-anchor="bienvenidos"]) .pb-text p { font-size: .9rem; color: #777; }
:host(site-freeform[data-anchor="bienvenidos"]) .pb-checks li { font-size: .85rem; color: #777; padding-bottom: .55rem; border-bottom: 1px solid #e8e8e8; }
:host(site-freeform[data-anchor="bienvenidos"]) .pb-checks li::before { background: none; color: #333; }
:host(site-freeform) .pb-cta.solid { background: #5aaddd; border-color: #5aaddd; color: #fff; border-radius: 0;
    text-transform: uppercase; font-size: .75rem; letter-spacing: .04em; }

/* ===== Líneas de producto: recuadros-imagen sobre gris carbón (el texto va en la imagen) ===== */
html.skin-baleno .site-section--iconos[data-anchor="lineas"],
html.skin-baleno #lineas { background: #2a2d2e; }
:host(site-iconos[data-anchor="lineas"]) .title { color: #fff; font-size: 1.3rem; font-weight: 600; }
:host(site-iconos[data-anchor="lineas"]) .grid.cards { gap: .45rem; }
:host(site-iconos[data-anchor="lineas"]) .scard { background: transparent; padding: 0; border-radius: 0; }
:host(site-iconos[data-anchor="lineas"]) .scard .ph { height: auto; aspect-ratio: 374 / 210; border-radius: 0; background: #eee; padding: 0; }
:host(site-iconos[data-anchor="lineas"]) .scard .ph img { object-fit: cover; transition: transform .35s ease; }
:host(site-iconos[data-anchor="lineas"]) a.scard:hover { transform: none; box-shadow: none; }
:host(site-iconos[data-anchor="lineas"]) a.scard:hover .ph img { transform: scale(1.04); }
/* El nombre ya está dibujado en cada imagen: queda solo para lectores de pantalla. */
:host(site-iconos[data-anchor="lineas"]) .scard .cn { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ===== Marcas: marcador blanco en cuadro celeste a la izquierda; nombre y descripción a la derecha ===== */
:host(site-iconos[data-anchor="marcas-detalle"]) .stage { min-height: 0; }
:host(site-iconos[data-anchor="marcas-detalle"]) .title { font-size: 1.3rem; font-weight: 600; }
:host(site-iconos[data-anchor="marcas-detalle"]) .item { display: grid; grid-template-columns: 52px 1fr; column-gap: 1.1rem; text-align: left; align-items: start; }
:host(site-iconos[data-anchor="marcas-detalle"]) .ico { grid-row: 1 / span 2; width: 52px; height: 52px; margin: 0; background: #5aaddd;
    display: grid; place-items: center; }
:host(site-iconos[data-anchor="marcas-detalle"]) .ico svg { width: 22px; height: 22px; }
:host(site-iconos[data-anchor="marcas-detalle"]) .it-title { font-family: 'Montserrat', sans-serif; font-size: .95rem; font-weight: 700; margin: 0 0 .35rem; }
:host(site-iconos[data-anchor="marcas-detalle"]) .it-text { font-size: .8rem; line-height: 1.6; }

/* ===== Nosotros / Contacto / Objetivos: tarjetas blancas sobre gris, ícono en círculo celeste ===== */
:host(site-iconos[data-anchor="resumen"]) .stage { min-height: 0; }
:host(site-iconos[data-anchor="resumen"]) .grid { gap: 1.6rem; }
:host(site-iconos[data-anchor="resumen"]) .item { background: #fff; padding: 2.2rem 1.6rem 1.8rem; text-align: center; }
:host(site-iconos[data-anchor="resumen"]) .ico { width: 76px; height: 76px; border-radius: 50%; background: #5aaddd;
    display: grid; place-items: center; margin: 0 auto 1.4rem; }
:host(site-iconos[data-anchor="resumen"]) .ico svg { width: 30px; height: 30px; }
:host(site-iconos[data-anchor="resumen"]) .it-title { font-family: 'Montserrat', sans-serif; font-size: .85rem; font-weight: 700; }
:host(site-iconos[data-anchor="resumen"]) .it-text { font-size: .8rem; line-height: 1.7; }
:host(site-iconos[data-anchor="resumen"]) .item-link::after { content: "Leer más"; display: block; margin-top: .9rem; color: #5aaddd; font-size: .8rem; }

/* ===== Tipos de cierre: barra lateral «Sellos mecánicos» y la foto a la izquierda de cada modelo ===== */
:host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child .pb-text h3 { font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; color: #333; font-weight: 500; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child .pb-text ul { list-style: none; margin: 0; padding: 0; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child .pb-text li { margin: 0; padding: .45rem 0 .45rem .9rem; border-bottom: 1px solid #eee; position: relative; font-size: .82rem; line-height: 1.5; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child .pb-text li::before { content: "›"; position: absolute; left: 0; color: #555; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child .pb-text a { color: #555; text-decoration: none; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child .pb-text a:hover { color: #5aaddd; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child { display: block; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child::after { content: ""; display: block; clear: both; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-img.a-left { float: left; clear: both; width: 150px; margin: .4rem 30px 1.2rem 0; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-img.a-left img { width: 150px !important; max-width: 150px; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-text { margin-bottom: 1.2rem; font-size: .9rem; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-text h3 { font-size: 1.05rem; }
:host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-btnb { clear: both; padding-top: .6rem; }
@media (max-width: 760px) {
    /* En celular, la lista lateral va DESPUÉS del contenido. */
    :host(site-freeform[data-anchor^="sello-"]) .pb-col:first-child { order: 2; }
    :host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-img.a-left { width: 110px; margin-right: 1rem; }
    :host(site-freeform[data-anchor^="sello-"]) .pb-col:last-child > .pb-img.a-left img { width: 110px !important; }
}

/* ===== Catálogos: lista de PDF con ícono ===== */
:host(site-freeform[data-anchor="catalogos-lista"]) .pb-text h3 { font-size: 1rem; color: #333; border-bottom: 2px solid #5aaddd; padding-bottom: .35rem; }
:host(site-freeform[data-anchor="catalogos-lista"]) .pb-text ul { list-style: none; margin: 0 0 1.6rem; padding: 0; }
:host(site-freeform[data-anchor="catalogos-lista"]) .pb-text li { margin: 0; padding: .4rem 0 .4rem 1.6rem; position: relative; border-bottom: 1px solid #f0f0f0; font-size: .88rem; }
:host(site-freeform[data-anchor="catalogos-lista"]) .pb-text li::before { content: "PDF"; position: absolute; left: 0; top: .55rem; font-size: .55rem; font-weight: 700;
    color: #fff; background: #d9534f; padding: .1rem .2rem; border-radius: 2px; }

/* ===== Catálogo de productos: láminas técnicas completas (sin recortar) sobre blanco ===== */
:host(site-catalogo) .card .thumb { background: #fff; }
:host(site-catalogo) .card .thumb img { object-fit: contain; }

/* ===== Cabecera: el bloque celeste del ítem activo ocupa toda la altura (como el original) ===== */
:host(site-header) ul.menu > .item > a { padding-top: 1.35rem; padding-bottom: 1.35rem; }
:host(site-header) ul.menu > .item > a { padding-left: .85rem; padding-right: .85rem; }

/* ===== Tipos de cierre (índice): tarjetas blancas con borde gris y el nombre en banda celeste ===== */
:host(site-iconos[data-anchor="tipos-sellos"]) .ic-sub { text-align: left; }
:host(site-iconos[data-anchor="tipos-sellos"]) .scard { background: #fff; border: 1px solid #e3e3e3; border-radius: 0; padding: 0; }
:host(site-iconos[data-anchor="tipos-sellos"]) .scard .ph { border-radius: 0; background: #fff; }
:host(site-iconos[data-anchor="tipos-sellos"]) .scard .ph img { object-fit: contain; }
:host(site-iconos[data-anchor="tipos-sellos"]) .scard .cn { background: #5aaddd; color: #fff; text-transform: none; font-weight: 600;
    font-size: .85rem; padding: .7rem .6rem; min-height: 3.2rem; display: grid; place-items: center; text-align: center; margin: 0; }
:host(site-iconos[data-anchor="tipos-sellos"]) a.scard:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }

/* ===== Celular: el texto del carrusel ocupa casi todo el ancho y en tamaño legible ===== */
@media (max-width: 640px) {
    :host(site-slideshow) .panel { width: auto !important; max-width: 88% !important; }
    :host(site-slideshow) .panel .t { font-size: 1.35rem !important; }
    :host(site-slideshow) .panel .st { font-size: .95rem !important; }
    :host(site-slideshow) .panel .d { display: none; }
}

/* ===== Logos de marcas 50 % más grandes (72 → 108 px), pedido del cliente (12-oct-2026) ===== */
:host(site-marcas) .cell { height: 120px; width: clamp(170px, 20vw, 270px); }
:host(site-marcas) .logo { height: 108px !important; max-height: 108px; }
@media (max-width: 640px) {
    :host(site-marcas) .cell { height: 90px; width: 140px; }
    :host(site-marcas) .logo { height: 80px !important; max-height: 80px; }
}

/* ===== «Realizar pedido o consulta»: título arriba, mapa a la izquierda y formulario al costado;
   la dirección y los teléfonos abajo de todo, en una franja (pedido del cliente, 12-oct-2026) ===== */
:host(site-contact[data-anchor="pedido"]) .media-layout { grid-template-columns: 1.35fr 1fr; align-items: start; gap: 1.2rem 2.4rem;
    grid-template-areas: "t t" "i i" "fig form" "info info"; }
:host(site-contact[data-anchor="pedido"]) .media-body,
:host(site-contact[data-anchor="pedido"]) .cols,
:host(site-contact[data-anchor="pedido"]) .cols > div:first-child,
:host(site-contact[data-anchor="pedido"]) .text-shift { display: contents; }
:host(site-contact[data-anchor="pedido"]) h2 { grid-area: t; margin: 0; font-size: 1.5rem; }
:host(site-contact[data-anchor="pedido"]) .intro { grid-area: i; margin: -.6rem 0 0; }
:host(site-contact[data-anchor="pedido"]) .media-fig { grid-area: fig; }
:host(site-contact[data-anchor="pedido"]) .media-fig img { border-radius: 0; border: 6px solid #d6d6d6; transform: none; }
:host(site-contact[data-anchor="pedido"]) .cols > div:last-child { grid-area: form; }
:host(site-contact[data-anchor="pedido"]) form { border-radius: 0; }
:host(site-contact[data-anchor="pedido"]) .info { grid-area: info; margin: .6rem 0 0; padding-top: 1.4rem; border-top: 1px solid #e3e3e3;
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2.6rem; }
:host(site-contact[data-anchor="pedido"]) .info li { font-size: .92rem; }
@media (max-width: 760px) {
    :host(site-contact[data-anchor="pedido"]) .media-layout { grid-template-columns: 1fr; grid-template-areas: "t" "i" "fig" "form" "info"; }
    :host(site-contact[data-anchor="pedido"]) .info { flex-direction: column; align-items: flex-start; }
}

/* ===== Catálogos: buscador ===== */
:host(site-documentos) .srch input:focus { outline-color: #5aaddd; }
:host(site-documentos) .grp h3 { border-bottom-color: #5aaddd; }
:host(site-documentos) .grp a { color: #3d8fc0; }

/* ===== Ruta de navegación del catálogo con «Está aquí:», como el original ===== */
:host(site-catalogo) .crumbs ol::before, :host(site-product-page) .crumbs ol::before { content: "Está aquí:"; margin-right: .5rem; color: #777; }
:host(site-catalogo) .crumbs a, :host(site-product-page) .crumbs a { color: #3d8fc0; }