/**
 * Estilo visual «Inversiones CP» (marca Erika) — reproduce la web de una página de inversionescp.com (Joomla
 * Helix, migrada a Netkipu el 12-oct-2026): cabecera blanca con menú gris en mayúsculas, títulos grandes
 * centrados, galería de platos con su nombre debajo sobre gris, Servicios sobre gris claro y franja final verde.
 */
html.skin-icp body { background: #fff; color: #666; }
:host(site-header) .utility, :host(site-header) [data-login-actions] { display: none !important; }
:host(site-header) ul.menu > .item > a { font-size: .9rem; font-weight: 600; letter-spacing: .04em; }   /* 25 % más grande (pedido del cliente) */

:host(site-freeform) .pb-text h2 { font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 400; color: #333; }
:host(site-freeform) .pb-text h3 { font-size: 1.15rem; font-weight: 400; color: #333; }
:host(site-freeform) .pb-text { font-size: .88rem; line-height: 1.7; }
:host(site-freeform) .pb-img img { border-radius: 0; }

/* Galería: foto + nombre y «Galería de Fotos» debajo, sobre gris */







html.skin-icp #servicios { background: #f7f7f7; }

/* Pie: gris claro con 4 columnas; franja final verde */
:host(site-footer) .cols-free .pb-text { font-size: .82rem; line-height: 1.7; }
:host(site-footer) .cols-free .pb-text h3 { font-size: 1.1rem; font-weight: 400; color: #333; }
:host(site-footer) .cols-free .pb-text ul { list-style: none; padding: 0; margin: 0; }
:host(site-footer) .cols-free .pb-text li { border-bottom: 1px solid #e3e3e3; padding: .35rem 0; }
:host(site-footer) .cols-free .pb-text li::before { content: "› "; }
:host(site-footer) .cols-free .pb-text a { color: #666; text-decoration: none; }
:host(site-footer) .cols-free .pb-img img { border-radius: 0; }

/* ===== Cabecera como el original: fija SOBRE el carrusel, franja gris tenue; al bajar se vuelve esmeralda ===== */
html.skin-icp site-header { position: fixed !important; top: 0; left: 0; right: 0; z-index: 60; }
:host(site-header) { background: rgba(236, 236, 236, .78) !important; box-shadow: none !important; border: 0 !important; }
:host(site-header.is-compact) { background: #2bb673 !important; }
:host(site-header.is-compact) ul.menu > .item > a { color: #fff !important; }
html.skin-icp main#contenido > section:first-child { padding-top: 0 !important; }

/* ===== Carrusel: textos como su Revolution (Erika negro 70/900, línea blanca 3 px, subtítulo 35/100) y flechas cuadradas grises ===== */
:host(site-slideshow) .panel .t { font-size: clamp(2.6rem, 5.2vw, 4.4rem) !important; font-weight: 900; color: #000; line-height: 1; letter-spacing: -.01em; }
:host(site-slideshow) .panel .t::after { content: ""; display: block; width: min(468px, 70vw); height: 3px; background: #fff; margin: .45em auto .5em; }
:host(site-slideshow) .panel .st { font-size: clamp(1.4rem, 2.6vw, 2.2rem) !important; font-weight: 100; color: #000; }
:host(site-slideshow) .nav { width: 40px; height: 40px; border-radius: 0; background: rgba(0, 0, 0, .25); color: #fff; box-shadow: none; border: 0; }
:host(site-slideshow) .nav:hover { background: rgba(0, 0, 0, .45); }
:host(site-slideshow) .stage { border-radius: 0; }

/* ===== ¿Quiénes somos?: título +35 %, textos +30 %, íconos rojos ===== */
:host(site-freeform[data-anchor="quienes-somos"]) .pb-text { font-size: 1.14rem; }
:host(site-freeform[data-anchor="quienes-somos"]) .pb-text h2 { font-size: clamp(2.3rem, 4vw, 2.97rem); }
:host(site-freeform[data-anchor="quienes-somos"]) .pb-text h3 { font-size: 1.5rem; margin-top: .4rem; }
:host(site-freeform[data-anchor="quienes-somos"]) .pb-img img { width: 46px !important; height: 46px; margin: 0 auto; }

/* ===== Galería: nombre y «Galería de Fotos» siempre debajo de la foto, sobre gris; al clic se amplía en ventana ===== */
:host(site-galeria[data-anchor="galeria"]) .item { background: #f2f2f2; border-radius: 0; overflow: hidden; display: flex; flex-direction: column; }
:host(site-galeria[data-anchor="galeria"]) .item img { border-radius: 0; aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
:host(site-galeria[data-anchor="galeria"]) .item .cap { position: static; opacity: 1; background: #f2f2f2; color: #333; padding: .9rem 1rem 1rem; text-align: left; }
:host(site-galeria[data-anchor="galeria"]) .item .cap .t { font-weight: 400; font-size: 1rem; color: #333; }
:host(site-galeria[data-anchor="galeria"]) .item .cap .s { font-size: .78rem; color: #aaa; }

/* ===== Servicios: textos e imágenes 25 % más grandes ===== */
:host(site-freeform[data-anchor="servicios"]) .free { max-width: 1400px; }
:host(site-freeform[data-anchor="servicios"]) .pb-text { font-size: 1.1rem; }
:host(site-freeform[data-anchor="servicios"]) .pb-text h2 { font-size: 2.75rem; }
:host(site-freeform[data-anchor="servicios"]) .pb-text h3 { font-size: 1.44rem; }

/* ===== Contáctenos como el original: etiquetas centradas, campos simples, botón gris ===== */
:host(site-contact[data-anchor="contactenos"]) .ct-map-title { font-size: clamp(2rem, 3.4vw, 2.6rem); font-weight: 600; color: #333; }
:host(site-contact[data-anchor="contactenos"]) form { border: 0; border-radius: 0; padding: 0; background: transparent; gap: .6rem; }
:host(site-contact[data-anchor="contactenos"]) label { text-align: center; font-weight: 400; color: #333; font-size: 1.05rem; }
:host(site-contact[data-anchor="contactenos"]) input, :host(site-contact[data-anchor="contactenos"]) textarea { border-radius: 0; border-color: #ddd; text-align: left; }
:host(site-contact[data-anchor="contactenos"]) .btn { justify-self: end; background: #eee; color: #555; border-radius: 0; font-weight: 400; padding: .55rem 1rem; box-shadow: none; }
:host(site-contact[data-anchor="contactenos"]) .btn:hover { background: #2bb673; color: #fff; }

/* ===== Pie: textos 25 % más grandes ===== */
:host(site-footer) .cols-free .pb-text { font-size: 1.03rem; }
:host(site-footer) .cols-free .pb-text h3 { font-size: 1.38rem; }