/* ========================= MAIN.CSS ========================= */

:root { --color-primary: #D26414; --color-primary-dark: #B7530D; --color-primary-soft: #FBEEE7; --color-secondary: #0B0F1F; --color-secondary-soft: #151B32; --color-light: #FBEEE7; --color-text: #2B2B2B; --color-white: #FFFFFF; --color-gray-50: #FCFCFC; --color-gray-100: #F7F7F7; --color-gray-200: #EEEEEE; --color-gray-300: #D9D9D9; --color-gray-400: #B8B8B8; --color-gray-500: #838383; --font-title: "Libre Caslon Text", Garamond, Georgia, serif; --font-body: "Google Sans Flex", Arial, sans-serif; --container: 1200px; --container-small: 1000px; --radius-small: 8px; --radius-medium: 16px; --radius-large: 28px; --radius-xl: 38px; --border-soft: 1px solid rgba(11,15,31,.09); --border-medium: 1px solid rgba(11,15,31,.16); --shadow-small: 0 8px 24px rgba(11,15,31,.06); --shadow-medium: 0 18px 45px rgba(11,15,31,.09); --shadow-large: 0 28px 70px rgba(11,15,31,.13); --transition: .35s cubic-bezier(.2,.7,.2,1); }

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--color-text); background: var(--color-white); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.menu-open, body.modal-open, body.bloqueado { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; background: none; cursor: pointer; }
ul { list-style: none; }
h1, h2, h3, h4 { font-family: var(--font-title); font-weight: 400; color: var(--color-secondary); }
p { text-wrap: pretty; }
::selection { color: var(--color-white); background: var(--color-primary); }
dialog { position: fixed; inset: 0; margin: auto; }

.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.container-small { width: min(calc(100% - 48px), var(--container-small)); margin-inline: auto; }
.section { position: relative; padding: 60px 0; }
.section-heading { display: flex; flex-direction: column; align-items: center; gap: 17px; max-width: 900px; margin: 0 auto 54px; text-align: center; }
.section-line { display: block; width: 62px; height: 1px; background: var(--color-primary); }
.section-label { color: var(--color-primary); font-size: 22px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.section-heading h2 { font-size: clamp(34px,4vw,52px); line-height: 1.05; letter-spacing: -.02em; }
.section-heading p { max-width: 760px; color: rgba(43,43,43,.78); font-size: 16px; line-height: 1.75; }
.btn { min-height: 47px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 24px; border-radius: var(--radius-small); font-size: 13px; font-weight: 600; letter-spacing: .01em; transition: var(--transition); }
.btn-outline { border: 1px solid currentColor; }
.btn-outline:hover { color: var(--color-white); background: var(--color-primary); border-color: var(--color-primary); transform: translateY(-2px); box-shadow: var(--shadow-small); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 40; }
.page-progress { position: fixed; z-index: 9999; top: 0; left: 0; width: 0; height: 3px; background: var(--color-primary); }

/* ========================= HEADER ========================= */

.site-header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 92px; display: flex; align-items: center; transition: height var(--transition), background var(--transition), box-shadow var(--transition), backdrop-filter var(--transition); }
.site-header.scrolled { height: 74px; background: rgba(255,255,255,.92); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: 0 1px 22px rgba(11,15,31,.07); }
.header-container { width: min(calc(100% - 56px), 1380px); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand, .footer-brand { display: inline-flex; align-items: center; }
.brand-logo-wrapper { position: relative; width: 138px; height: 48px; display: block; }
.brand-logo { position: absolute; top: 50%; left: 0; width: 138px; height: auto; max-height: 48px; object-fit: contain; object-position: left center; transform: translateY(-50%); transition: opacity .35s ease, transform .35s ease; }
.brand-logo-light { opacity: 1; }
.brand-logo-dark { opacity: 0; }
.site-header.scrolled .brand-logo-light { opacity: 0; }
.site-header.scrolled .brand-logo-dark { opacity: 1; }
.brand:hover .brand-logo { transform: translateY(-50%) scale(1.02); }
.main-nav { display: flex; align-items: center; gap: 26px; }
.main-nav a { position: relative; padding: 8px 0; color: rgba(255,255,255,.92); font-size: 13px; font-weight: 500; transition: color var(--transition); }
.site-header.scrolled .main-nav a { color: var(--color-secondary); }
.main-nav a::after { content: ""; position: absolute; left: 0; bottom: 1px; width: 0; height: 1px; background: var(--color-primary); transition: width var(--transition); }
.main-nav a:hover::after, .main-nav a.active::after { width: 100%; }
.main-nav a:hover { color: var(--color-white); }
.site-header.scrolled .main-nav a:hover { color: var(--color-primary); }
.menu-toggle { display: none; width: 42px; height: 42px; position: relative; z-index: 1002; }
.menu-toggle span { display: block; width: 25px; height: 1px; margin: 6px auto; background: var(--color-white); transition: var(--transition); }
.site-header.scrolled .menu-toggle span { background: var(--color-secondary); }

/* ========================= HERO GLOBAL ========================= */

.hero { position: relative; min-height: 880px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0 0 var(--radius-xl) var(--radius-xl); background: var(--color-secondary); }
.hero-background, .hero-background-image, .hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-background-image { object-fit: cover; transform: scale(1.01); }
.hero-overlay { background: linear-gradient(to bottom, rgba(11,15,31,.88) 0%, rgba(11,15,31,.37) 27%, rgba(11,15,31,.38) 72%, rgba(11,15,31,.76) 100%); }
.hero-content { position: relative; z-index: 2; width: min(calc(100% - 48px), 1080px); color: var(--color-white); text-align: center; }
.hero-eyebrow { margin-bottom: 26px; color: rgba(255,255,255,.84); font-size: 12px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.hero-title { max-width: 1030px; margin: 0 auto 26px; color: var(--color-white); font-size: clamp(50px,6vw,62px); line-height: .98; letter-spacing: -.035em; text-wrap: balance; }
.hero-description { max-width: 750px; margin: 0 auto 32px; color: rgba(255,255,255,.88); font-size: 16px; line-height: 1.72; }
.hero .btn { color: var(--color-white); }

/* ========================= HOME ========================= */

.home-intro-content, .quienes-description, .filosofia-text, .valor-heading, .inversiones-intro-text, .estrategias-heading, .sectores-heading, .equipo-heading, .consejo-heading, .perspectivas-intro { max-width: 900px; margin-inline: auto; text-align: center; }
.home-intro-content p, .quienes-description p, .filosofia-text p, .valor-heading p, .inversiones-intro-text p, .estrategias-heading p, .sectores-heading p, .equipo-heading p, .consejo-heading p, .perspectivas-intro p { color: rgba(43,43,43,.8); font-size: 16px; line-height: 1.78; }
.home-intro-content p + p, .quienes-description p + p, .equipo-heading p + p, .consejo-heading p + p { margin-top: 16px; }
.home-intro-statement { display: block; max-width: 700px; margin: 30px auto 0; color: var(--color-primary); font-family: var(--font-title); font-size: 20px; font-weight: 400; line-height: 1.35; }
.investment-areas { padding-top: 30px; }
.investment-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
.investment-card { height: 275px; border-radius: var(--radius-medium); perspective: 1200px; cursor: pointer; outline: none; }
.investment-card:nth-child(1), .investment-card:nth-child(4) { grid-column: span 8; }
.investment-card:nth-child(2), .investment-card:nth-child(3), .investment-card:nth-child(5), .investment-card:nth-child(6), .investment-card:nth-child(7) { grid-column: span 4; }
.flip-card-inner { position: relative; width: 100%; height: 100%; border-radius: inherit; transform-style: preserve-3d; transition: transform .75s cubic-bezier(.2,.75,.25,1); }
.flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }
.flip-card-front, .flip-card-back { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.flip-card-front { box-shadow: var(--shadow-small); }
.flip-card-front img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.flip-card:hover .flip-card-front img { transform: scale(1.045); }
.investment-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,15,31,.86), rgba(11,15,31,.05) 67%); }
.investment-card-title { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 24px; }
.investment-card-title h3 { color: var(--color-white); font-family: var(--font-body); font-size: 15px; font-weight: 500; }
.flip-card-back { padding: 30px; display: flex; flex-direction: column; justify-content: center; color: var(--color-white); background: linear-gradient(145deg,var(--color-secondary),var(--color-secondary-soft)); transform: rotateY(180deg); }
.flip-card-back .investment-icon { margin-bottom: 17px; color: var(--color-primary); font-size: 32px; }
.flip-card-back h3 { margin-bottom: 13px; color: var(--color-white); font-size: 28px; line-height: 1.08; }
.flip-card-back p { color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.65; }
.about-preview { padding-top: 55px; }
.about-preview-box { min-height: 340px; display: grid; grid-template-columns: 1fr 1fr; padding: 14px; background: linear-gradient(135deg,var(--color-light),#FFF8F3); border: var(--border-soft); border-radius: var(--radius-large); box-shadow: var(--shadow-small); }
.about-preview-content { padding: 52px 46px; display: flex; flex-direction: column; justify-content: center; }
.about-preview-content h2 { max-width: 500px; margin-bottom: 20px; color: var(--color-secondary); font-size: 40px; line-height: 1.05; }
.about-preview-content p { max-width: 520px; color: rgba(43,43,43,.76); font-size: 14px; line-height: 1.72; }
.text-link { width: fit-content; display: inline-flex; align-items: center; gap: 7px; margin-top: 24px; color: var(--color-secondary); font-size: 13px; font-weight: 600; transition: color var(--transition); }
.text-link:hover { color: var(--color-primary); }
.text-link .material-symbols-outlined { font-size: 17px; transition: transform var(--transition); }
.text-link:hover .material-symbols-outlined { transform: translateX(5px); }
.about-preview-image { min-height: 310px; overflow: hidden; border-radius: 20px; }
.about-preview-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.about-preview-box:hover .about-preview-image img { transform: scale(1.025); }
.portfolio-preview { padding-top: 40px; }
.portfolio-preview-grid { max-width: 1080px; margin-inline: auto; display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
.portfolio-preview-action { display: flex; justify-content: center; margin-top: 42px; }
.portfolio-preview-action .btn { min-width: 190px; min-height: 48px; border-radius: 4px; }

/* ========================= CONTACT ========================= */

.contact-section { margin-top: 30px; padding: 100px 0 60px; background: linear-gradient(180deg,#FBEEE7,#F7E8DF); border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.contact-heading { max-width: 860px; margin: 0 auto 52px; text-align: center; }
.contact-heading .section-line { margin: 0 auto 18px; }
.contact-heading .section-label { display: block; margin-bottom: 13px; }
.contact-heading h2 { margin-bottom: 16px; color: var(--color-primary); font-size: 20px; line-height: 1.08; }
.contact-heading p { max-width: 760px; margin: 0 auto 8px; color: rgba(43,43,43,.74); font-size: 15px; line-height: 1.72; }
.contact-box { max-width: 1160px; margin-inline: auto; display: grid; grid-template-columns: .9fr 1.35fr; gap: 20px; padding: 18px; border: var(--border-soft); border-radius: var(--radius-large); background: rgba(255,255,255,.92); box-shadow: var(--shadow-medium); }
.contact-information { padding: 38px; border-radius: 20px; background: linear-gradient(145deg,var(--color-secondary),#161C32); color: var(--color-white); }
.contact-info-group + .contact-info-group { margin-top: 36px; }
.contact-info-group h3 { margin-bottom: 18px; color: var(--color-white); font-family: var(--font-body); font-size: 14px; font-weight: 600; }
.contact-info-link, .office { display: flex; align-items: flex-start; gap: 11px; color: rgba(255,255,255,.83); font-size: 14px; }
.contact-info-link:hover { color: var(--color-primary); }
.contact-info-link .material-symbols-outlined, .office > .material-symbols-outlined { color: var(--color-primary); font-size: 19px; }
.office { margin-bottom: 20px; }
.office strong { display: block; margin-bottom: 3px; color: var(--color-white); font-size: 14px; }
.office p { color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.5; }
.contact-form-wrapper { padding: 24px 22px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-group { margin-bottom: 18px; }
.form-group label { display: block; margin-bottom: 7px; color: var(--color-secondary); font-size: 12px; font-weight: 600; }
.form-group input, .form-group select, .form-group textarea { width: 100%; border: 1px solid rgba(11,15,31,.15); outline: none; border-radius: var(--radius-small); background: var(--color-gray-100); color: var(--color-text); transition: border var(--transition), background var(--transition), box-shadow var(--transition); }
.form-group input, .form-group select { height: 48px; padding: 0 14px; }
.form-group textarea { min-height: 160px; padding: 14px; resize: vertical; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--color-primary); background: var(--color-white); box-shadow: 0 0 0 4px rgba(210,100,20,.09); }
.form-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.contact-submit { color: var(--color-secondary); }
.contact-submit:disabled { opacity: .55; cursor: wait; }
.form-status { display: none; margin-bottom: 15px; padding: 12px 14px; border-radius: var(--radius-small); font-size: 13px; }
.form-status.visible { display: block; color: #245C2E; background: #E8F6E9; }
.form-status.error { color: #8B2828; background: #FAEAEA; }

/* ========================= MODALES ========================= */
.site-modal { width: min(900px,calc(100% - 36px)); max-height: 88vh; padding: 0; overflow: hidden; border: 0; border-radius: 24px; background: var(--color-white); box-shadow: 0 40px 100px rgba(0,0,0,.25); }
.site-modal::backdrop, .buscamos-modal::backdrop, .consejo-modal::backdrop, .perspectiva-modal::backdrop { background: rgba(7,10,20,.76); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.site-modal-container { position: relative; max-height: 88vh; overflow-y: auto; }
.site-modal-close { position: absolute; z-index: 10; top: 18px; right: 18px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: var(--color-white); background: rgba(11,15,31,.48); backdrop-filter: blur(8px); transition: var(--transition); }
.site-modal-close:hover { background: var(--color-primary); transform: rotate(5deg); }
.site-modal-hero { position: relative; min-height: 350px; display: flex; align-items: flex-end; overflow: hidden; ; }
.site-modal-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.site-modal-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top,rgba(11,15,31,.60),rgba(11,15,31,.09)); }
.site-modal-heading { position: relative; z-index: 2; width: 100%; padding: 44px; color: var(--color-white); }
.site-modal-label { display: block; margin-bottom: 9px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.site-modal-heading h2 { max-width: 700px; color: var(--color-white); font-size: 46px; line-height: 1.02; }
.site-modal-content { padding: 46px 48px 52px; }
.site-modal-content p { margin-bottom: 17px; color: rgba(43,43,43,.8); font-size: 15px; line-height: 1.75; }
.site-modal-content ul { margin: 20px 0 26px; }
.site-modal-content li, .consejo-modal-content li { position: relative; margin-bottom: 9px; padding-left: 20px; color: rgba(43,43,43,.8); font-size: 14px; line-height: 1.6; }
.site-modal-content li::before, .consejo-modal-content li::before { content: ""; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); }

/* ========================= QUIENES SOMOS ========================= */

.quienes-description { position: relative; max-width: 930px; padding: 42px 54px; border: var(--border-soft); border-radius: var(--radius-large); background: linear-gradient(145deg,#FFFFFF,#FFF9F5); box-shadow: var(--shadow-small); }
.quienes-description::before { content: ""; position: absolute; top: 0; left: 50%; width: 74px; height: 3px; background: var(--color-primary); transform: translateX(-50%); }
.quienes-principios { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 54px; }
.principio { position: relative; min-height: 230px; padding: 34px 28px; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-medium); background: var(--color-white); text-align: left; box-shadow: var(--shadow-small); transition: var(--transition); }
.principio::after { content: ""; position: absolute; right: -35px; bottom: -35px; width: 110px; height: 110px; border-radius: 50%; background: rgba(210,100,20,.07); transition: var(--transition); }
.principio:hover { transform: translateY(-7px); border-color: rgba(210,100,20,.28); box-shadow: var(--shadow-medium); }
.principio:hover::after { transform: scale(1.25); }
.principio-icon { display: block; margin-bottom: 26px; color: var(--color-primary); font-size: 43px; }
.principio h3 { margin-bottom: 10px; color: var(--color-secondary); font-family: var(--font-body); font-size: 15px; font-weight: 650; }
.principio p { color: rgba(43,43,43,.72); font-size: 14px; line-height: 1.65; }
.filosofia-section { padding-top: 40px; }
.filosofia-text { max-width: 860px; padding: 0 20px; }
.filosofia-text strong, .valor-heading strong, .estrategias-heading strong, .sectores-heading strong, .equipo-heading strong, .consejo-heading strong { display: block; margin-bottom: 22px; color: var(--color-primary); font-family: var(--font-title); font-size: 20px; font-weight: 400; }
.capital-banner { position: relative; height: 340px; margin-top: 50px; padding: 18px; overflow: hidden; border-radius: var(--radius-large); background: var(--color-primary); box-shadow: var(--shadow-medium); }
.capital-banner-image, .mentalidad-banner-image, .inversiones-banner-image, .perspectivas-banner-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.capital-banner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(11,15,31,.65),rgba(11,15,31,.28)); }
.capital-banner-frame { position: relative; z-index: 2; width: 100%; height: 100%; display: grid; place-items: center; padding: 32px; border: 1px solid rgba(255,255,255,.72); border-radius: 18px; text-align: center; }
.capital-banner h2 { max-width: 950px; color: var(--color-white); font-size: clamp(36px,4vw,40px); font-weight: 400; line-height: 1.05; }
.buscamos-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
.buscamos-card { position: relative; min-height: 180px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-medium); background: var(--color-white); box-shadow: var(--shadow-small); cursor: pointer; transition: var(--transition); }
.buscamos-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--color-primary); transform: scaleX(0); transform-origin: left; transition: var(--transition); }
.buscamos-card:hover { color: var(--color-white); background: var(--color-secondary); border-color: var(--color-secondary); transform: translateY(-7px); box-shadow: var(--shadow-medium); }
.buscamos-card:hover::before { transform: scaleX(1); }
.buscamos-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; }
.buscamos-numero { color: rgba(210,100,20,.55); font-family: var(--font-title); font-size: 34px; line-height: 1; }
.buscamos-icon, .valor-icon, .propiedad-icon, .capacidad-icon { width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center; border-radius: 50%; background: var(--color-primary-soft); }
.buscamos-icon .material-symbols-outlined, .valor-icon .material-symbols-outlined, .propiedad-icon .material-symbols-outlined, .capacidad-icon .material-symbols-outlined { color: var(--color-primary); font-size: 28px; }
.buscamos-card h3 { position: relative; z-index: 2; color: inherit; font-family: var(--font-body); font-size: 14px; font-weight: 600; line-height: 1.4; text-align: left; }
.valor-heading { margin-bottom: 78px; }
.valor-proceso { display: flex; align-items: stretch; gap: 10px; }
.valor-card { position: relative; flex: 1; min-width: 0; padding: 38px 16px 28px; overflow: visible; border: var(--border-soft); border-radius: var(--radius-medium); background: var(--color-white); text-align: center; box-shadow: var(--shadow-small); transition: var(--transition); }
.valor-card::before { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(210,100,20,.10),transparent 58%); transition: opacity .35s ease; }
.valor-card:hover::before { opacity: 1; }
.valor-card:hover { transform: translateY(-6px); border-color: rgba(210,100,20,.24); box-shadow: var(--shadow-medium); }
.valor-card > * { position: relative; z-index: 2; }
.valor-icon { width: 64px; height: 64px; display: grid; place-items: center; margin: -72px auto 22px; border: 8px solid var(--color-white); border-radius: 50%; background: var(--color-primary-soft); color: var(--color-primary); box-shadow: 0 8px 24px rgba(11,15,31,.10); }
.valor-icon .material-symbols-outlined { color: var(--color-primary); font-size: 30px; line-height: 1; }
.valor-card h3 { margin-bottom: 12px; color: var(--color-secondary); font-family: var(--font-body); font-size: 12px; font-weight: 700; line-height: 1.4; }
.valor-card p { color: rgba(43,43,43,.68); font-size: 12px; line-height: 1.58; }
.process-arrow { align-self: center; flex: 0 0 auto; color: var(--color-primary); font-size: 22px; }
.propiedad-section { background: linear-gradient(180deg,var(--color-light),#FFF9F5); }
.propiedad-box { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding: 64px; border: var(--border-soft); border-radius: var(--radius-large); background: rgba(255,255,255,.96); box-shadow: var(--shadow-medium); }
.propiedad-content .section-line { margin-bottom: 18px; }
.propiedad-content .section-label { display: block; margin-bottom: 22px; }
.propiedad-content h2 { max-width: 470px; margin-bottom: 23px; color: var(--color-secondary); font-size: 38px; line-height: 1.06; }
.propiedad-content p { margin-bottom: 14px; color: rgba(43,43,43,.76); font-size: 15px; line-height: 1.7; }
.propiedad-pilares { display: grid; gap: 12px; }
.propiedad-item { display: flex; gap: 17px; align-items: center; padding: 15px; border-radius: 14px; background: var(--color-gray-100); transition: var(--transition); }
.propiedad-item:hover { background: var(--color-primary-soft); transform: translateX(4px); }
.propiedad-item h3 { margin-bottom: 4px; color: var(--color-secondary); font-family: var(--font-body); font-size: 14px; font-weight: 650; }
.propiedad-item p { color: rgba(43,43,43,.68); font-size: 13px; line-height: 1.45; }
.mentalidad-banner { position: relative; min-height: 260px; display: grid; place-items: center; overflow: hidden; }
.mentalidad-banner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.83),rgba(255,255,255,.62)); }
.mentalidad-banner-content { position: relative; z-index: 2; max-width: 900px; padding: 30px; text-align: center; }
.mentalidad-banner h2 { color: var(--color-secondary); font-size: clamp(34px,4vw,52px); line-height: 1.08; }
.buscamos-modal { width: min(580px,calc(100% - 30px)); padding: 0; border: 0; border-radius: 22px; background: transparent; }
.buscamos-modal-box { position: relative; padding: 58px 46px; border-radius: 22px; background: var(--color-white); box-shadow: var(--shadow-large); }
.buscamos-modal-close, .consejo-modal-close { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--color-gray-100); transition: var(--transition); }
.buscamos-modal-close:hover, .consejo-modal-close:hover { color: var(--color-white); background: var(--color-primary); }
.buscamos-modal-icon { display: block; margin-bottom: 19px; color: var(--color-primary); font-size: 40px; }
.buscamos-modal h2 { margin-bottom: 18px; color: var(--color-secondary); font-size: 36px; line-height: 1.08; }
.buscamos-modal-text p { color: rgba(43,43,43,.78); font-size: 14px; line-height: 1.75; }

/* ========================= INVERSIONES ========================= */

.estrategias-section { padding-top: 40px; }
.estrategias-heading, .sectores-heading { margin-bottom: 70px; }
.estrategias-grid { max-width: 1080px; margin-inline: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; }
.estrategia-item { width: calc(33.333% - 16px); min-height: 230px; padding: 35px 28px; border: var(--border-soft); border-radius: var(--radius-medium); background: var(--color-white); text-align: center; box-shadow: var(--shadow-small); transition: var(--transition); }
.estrategia-item:hover { transform: translateY(-6px); border-color: rgba(210,100,20,.25); box-shadow: var(--shadow-medium); }
.estrategia-icon { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 50%; background: var(--color-primary-soft); color: var(--color-primary); }
.estrategia-icon .material-symbols-outlined { font-size: 38px; }
.estrategia-item h3 { margin-bottom: 10px; color: var(--color-secondary); font-family: var(--font-body); font-size: 14px; font-weight: 650; }
.estrategia-item p { color: rgba(43,43,43,.7); font-size: 13px; line-height: 1.6; }
.sectores-section { margin-top: 30px; background: linear-gradient(180deg,var(--color-light),#FFF9F5); }
.sectores-grid { max-width: 1030px; margin-inline: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.sector-card { position: relative; min-height: 255px; overflow: hidden; border-radius: var(--radius-medium); background: var(--color-secondary); box-shadow: var(--shadow-small); }
.sector-wide { grid-column: span 2; }
.sector-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.sector-overlay { position: absolute; inset: 0; background: linear-gradient(to top,rgba(11,15,31,.86),rgba(11,15,31,.05) 68%); }
.sector-card h3 { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 24px; color: var(--color-white); font-family: var(--font-body); font-size: 14px; font-weight: 550; }
.sector-card:hover img { transform: scale(1.055); }
.inversiones-banner, .perspectivas-banner { position: relative; min-height: 390px; display: flex; align-items: center; overflow: hidden; }
.inversiones-banner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(11,15,31,.85),rgba(11,15,31,.25)); }
.inversiones-banner-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 60px; color: var(--color-white); }
.inversiones-banner-title > span { display: block; margin-bottom: 15px; color: rgba(255,255,255,.76); font-size: 13px; font-style: italic; }
.inversiones-banner-title h2 { color: var(--color-white); font-size: clamp(44px,5vw,52px); line-height: .98; }
.inversiones-banner-text { text-align: right; }
.inversiones-banner-text p { color: rgba(255,255,255,.84); font-size: 15px; line-height: 1.7; }

/* ========================= PORTAFOLIO ========================= */

.portfolio-intro { max-width: 920px; margin: 0 auto 60px; text-align: center; }
.portfolio-intro p { margin-bottom: 14px; color: rgba(43,43,43,.76); font-size: 15px; line-height: 1.72; }
.portfolio-intro strong { color: var(--color-primary); font-family: var(--font-title); font-size: 20px; font-weight: 400; }
.portfolio-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; max-width: 1150px; margin: 0 auto 65px; }
.portfolio-filter { min-height: 43px; padding: 0 19px; border: 1px solid rgba(11,15,31,.18); border-radius: var(--radius-small); color: var(--color-secondary); background: var(--color-white); font-size: 12px; font-weight: 550; transition: var(--transition); }
.portfolio-filter:hover, .portfolio-filter.activo { color: var(--color-white); background: var(--color-secondary); border-color: var(--color-secondary); box-shadow: var(--shadow-small); }
.portfolio-filter:hover { transform: translateY(-2px); }
.portfolio-projects-grid { max-width: 1080px; margin-inline: auto; display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
.portfolio-card.posicion-1, .portfolio-card.posicion-4 { grid-column: span 8; }
.portfolio-card.posicion-2, .portfolio-card.posicion-3, .portfolio-card.posicion-5, .portfolio-card.posicion-6, .portfolio-card.posicion-7 { grid-column: span 4; }
.portfolio-card { position: relative; min-height: 275px; padding: 27px; display: flex; flex-direction: column; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-medium); background: linear-gradient(145deg,#FFFFFF,#FFFBF8); cursor: pointer; box-shadow: 0 6px 24px rgba(11,15,31,.035); transition: var(--transition); }
.portfolio-card::after { content: ""; position: absolute; right: -55px; bottom: -55px; width: 150px; height: 150px; border-radius: 50%; background: rgba(210,100,20,.045); transition: var(--transition); }
.portfolio-card:hover { transform: translateY(-7px); border-color: rgba(210,100,20,.34); box-shadow: var(--shadow-medium); }
.portfolio-card:hover::after { transform: scale(1.3); }
.portfolio-card.oculto { display: none; }
.portfolio-card-logo { width: 68px; height: 68px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(11,15,31,.06); border-radius: 50%; background: var(--color-white); box-shadow: 0 6px 20px rgba(11,15,31,.06); transition: transform var(--transition), box-shadow var(--transition); }
.portfolio-card-logo img { width: 100%; height: 100%; object-fit: contain; }
.portfolio-card-logo .material-symbols-outlined { color: var(--color-primary); font-size: 29px; }
.portfolio-card:hover .portfolio-card-logo { transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 26px rgba(11,15,31,.09); }
.portfolio-card-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; }
.portfolio-card-number { color: rgba(210,100,20,.28); font-family: var(--font-title); font-size: 38px; font-weight: 600; line-height: 1; }
.portfolio-card-content { position: relative; z-index: 2; margin-top: auto; padding-top: 34px; }
.portfolio-card-content h3 { margin-bottom: 8px; color: var(--color-secondary); font-size: 22px; line-height: 1.05; }
.portfolio-card-content p { max-width: 650px; color: rgba(43,43,43,.68); font-size: 14px; line-height: 1.58; }
.portfolio-card-link { position: relative; z-index: 2; width: fit-content; display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; color: var(--color-primary); font-size: 12px; font-weight: 600; }
.portfolio-card-link .material-symbols-outlined { font-size: 15px; transition: transform var(--transition); }
.portfolio-card:hover .portfolio-card-link .material-symbols-outlined { transform: translateX(5px); }
.portfolio-empty { padding: 60px 20px; color: var(--color-gray-500); text-align: center; font-size: 16px; }
.portfolio-modal-hero { min-height: 400px; }
.portfolio-modal-heading { padding-top: 145px; }
.portfolio-modal-subtitle { max-width: 650px; margin-top: 12px; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.55; }
.portfolio-modal-actions { display: flex; justify-content: center; align-items: center; margin-top: 38px; }
.portfolio-website-button { min-width: 190px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 24px; border-radius: 4px; color: var(--color-white); background: var(--color-primary); font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: .02em; text-decoration: none; transition: var(--transition); }
.portfolio-website-button:hover { background: var(--color-secondary); transform: translateY(-2px); box-shadow: var(--shadow-medium); }
.portfolio-website-button .material-symbols-outlined { font-size: 17px; transition: transform var(--transition); }
.portfolio-website-button:hover .material-symbols-outlined { transform: translate(3px,-3px); }
.portfolio-website-button[hidden] { display: none !important; }

/* ========================= EQUIPO ========================= */

.equipo-section { background: linear-gradient(180deg,var(--color-light),#FFF9F5); }
.equipo-capacidades { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 56px; }
.capacidad-card { min-height: 235px; padding: 30px; border: var(--border-soft); border-radius: var(--radius-medium); background: var(--color-white); box-shadow: var(--shadow-small); transition: var(--transition); }
.capacidad-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-medium); }
.capacidad-icon { margin-bottom: 24px; background: var(--color-primary-soft); }
.capacidad-card h3 { margin-bottom: 14px; color: var(--color-secondary); font-family: var(--font-body); font-size: 18px; font-weight: 650; }
.capacidad-card p { color: rgba(43,43,43,.7); font-size: 14px; line-height: 1.62; }
.consejo-section { padding-bottom: 50px; }
.funciones-section { padding-top: 38px; }
.funciones-grid { max-width: 1080px; margin-inline: auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.funcion-card { position: relative; min-height: 220px; padding: 28px; display: flex; flex-direction: column; overflow: hidden; border: var(--border-soft); border-radius: var(--radius-medium); background: var(--color-white); box-shadow: var(--shadow-small); cursor: pointer; transition: var(--transition); }
.funcion-card:hover { color: var(--color-white); background: var(--color-secondary); border-color: var(--color-secondary); transform: translateY(-6px); box-shadow: var(--shadow-medium); }
.funcion-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.funcion-numero { color: rgba(210,100,20,.65); font-family: var(--font-title); font-size: 25px; }
.funcion-card-top > .material-symbols-outlined { color: var(--color-primary); font-size: 29px; }
.funcion-card h3 { margin-bottom: 10px; color: inherit; font-family: var(--font-body); font-size: 17px; font-weight: 650; text-transform: uppercase; }
.funcion-card p { max-width: 470px; color: rgba(43,43,43,.7); font-size: 13px; line-height: 1.58; }
.funcion-card:hover p { color: rgba(255,255,255,.74); }
.funcion-ver { width: fit-content; display: inline-flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 18px; color: var(--color-primary); font-size: 12px; font-weight: 600; }
.funcion-ver .material-symbols-outlined { font-size: 15px; transition: transform var(--transition); }
.funcion-card:hover .funcion-ver .material-symbols-outlined { transform: translate(4px,-4px); }
.consejo-modal { width: min(720px,calc(100% - 30px)); max-height: 88vh; padding: 0; border: 0; border-radius: 22px; background: transparent; }
.consejo-modal-box { position: relative; max-height: 88vh; overflow-y: auto; padding: 50px; border-radius: 22px; background: var(--color-white); box-shadow: var(--shadow-large); }
.consejo-modal-top { display: flex; align-items: center; gap: 17px; margin-bottom: 27px; }
.consejo-modal-number { color: rgba(210,100,20,.36); font-family: var(--font-title); font-size: 48px; line-height: 1; }
.consejo-modal-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; color: var(--color-primary); background: var(--color-primary-soft); font-size: 28px; }
.consejo-modal-label { display: block; margin-bottom: 8px; color: var(--color-primary); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.consejo-modal h2 { max-width: 600px; margin-bottom: 26px; color: var(--color-secondary); font-size: 24px; line-height: 1.06; }
.consejo-modal-content p { margin-bottom: 17px; color: rgba(43,43,43,.77); font-size: 14px; line-height: 1.7; }
.consejo-modal-content ul { margin: 16px 0 24px; }
.consejo-question { margin: 24px 0; padding: 21px 23px; border-left: 3px solid var(--color-primary); border-radius: 0 12px 12px 0; background: var(--color-primary-soft); }
.consejo-question strong { display: block; color: var(--color-secondary); font-family: var(--font-title); font-size: 19px; font-weight: 500; line-height: 1.3; }

/* ========================= PERSPECTIVAS ========================= */
.perspectivas-intro { margin-bottom: 65px; }
.perspectivas-grid { max-width: 1120px; margin-inline: auto; display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
.perspectiva-card { position: relative; min-height: 330px; overflow: hidden; border-radius: var(--radius-medium); background: var(--color-secondary); box-shadow: var(--shadow-small); cursor: pointer; transition: var(--transition); }
.perspectiva-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.perspectiva-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top,rgba(11,15,31,.95),rgba(11,15,31,.37) 53%,rgba(11,15,31,.05)); }
.perspectiva-card-content { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 30px; color: var(--color-white); }
.perspectiva-category { display: inline-flex; margin-bottom: 12px; padding: 6px 10px; border-radius: 999px; color: var(--color-secondary); background: rgba(255,255,255,.93); font-size: 10px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.perspectiva-number { display: block; margin-bottom: 6px; color: rgba(255,255,255,.6); font-size: 20px; }
.perspectiva-card h3 { max-width: 500px; margin-bottom: 9px; color: var(--color-white); font-family: var(--font-body); font-size: 20px; font-weight: 600; line-height: 1.3; }
.perspectiva-card p { max-width: 500px; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.55; }
.perspectiva-read { width: fit-content; display: flex; align-items: center; gap: 5px; margin-top: 16px; color: #F4A66E; font-size: 12px; font-weight: 600; }
.perspectiva-read .material-symbols-outlined { font-size: 14px; transition: transform var(--transition); }
.perspectiva-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-large); }
.perspectiva-card:hover img { transform: scale(1.055); }
.perspectiva-card:hover .perspectiva-read .material-symbols-outlined { transform: translateX(5px); }
.perspectivas-banner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(11,15,31,.86),rgba(11,15,31,.24)); }
.perspectivas-banner-content { position: relative; z-index: 2; color: var(--color-white); }
.perspectivas-banner-eyebrow { display: block; margin-bottom: 14px; color: rgba(255,255,255,.72); font-size: 13px; font-style: italic; }
.perspectivas-banner h2 { max-width: 1200px; margin-bottom: 20px; color: var(--color-white); font-size: clamp(42px,5vw,50px); line-height: 1.06; }
.perspectivas-banner p { max-width: 620px; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.68; }
.perspectivas-banner-link { width: fit-content; display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; color: #F4A66E; font-size: 14px; font-weight: 600; }
.perspectivas-banner-link .material-symbols-outlined { font-size: 17px; transition: transform var(--transition); }
.perspectivas-banner-link:hover .material-symbols-outlined { transform: translateX(6px); }
.perspectiva-modal { width: min(920px,calc(100% - 30px)); max-height: 90vh; padding: 0; border: 0; border-radius: 22px; background: transparent; }
.perspectiva-modal-box { position: relative; max-height: 90vh; overflow-y: auto; border-radius: 22px; background: var(--color-white); box-shadow: var(--shadow-large); }
.perspectiva-modal-close { position: absolute; z-index: 5; top: 20px; right: 20px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; color: var(--color-white); background: rgba(11,15,31,.55); }
.perspectiva-modal-close:hover { background: var(--color-primary); }
.perspectiva-modal-hero { position: relative; min-height: 420px; display: flex; align-items: flex-end; overflow: hidden; }
.perspectiva-modal-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.perspectiva-modal-overlay { position: absolute; inset: 0; background: linear-gradient(to top,rgba(11,15,31,.95),rgba(11,15,31,.08)); }
.perspectiva-modal-heading { position: relative; z-index: 2; padding: 50px; color: var(--color-white); }
.perspectiva-modal-category { display: inline-flex; margin-bottom: 14px; padding: 6px 11px; border-radius: 999px; color: var(--color-white); background: var(--color-primary); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.perspectiva-modal-heading h2 { max-width: 760px; color: var(--color-white); font-size: 32px; line-height: 1.02; }
.perspectiva-modal-content { padding: 52px; }
.perspectiva-modal-content p { margin-bottom: 19px; color: rgba(43,43,43,.8); font-size: 14px; line-height: 1.78; }
.perspectiva-modal-content h3 { margin: 35px 0 14px; color: var(--color-secondary); font-size: 22px; line-height: 1.08; }
.perspectiva-modal-content blockquote { margin: 34px 0; padding: 25px 28px; border-left: 3px solid var(--color-primary); border-radius: 0 12px 12px 0; background: var(--color-primary-soft); color: var(--color-secondary); font-family: var(--font-title); font-size: 22px; line-height: 1.4; }

/* ========================= FOOTER ========================= */

.site-footer { padding: 42px 0 22px; border-top: var(--border-soft); background: #FFF9F5; }
.footer-container { width: min(calc(100% - 48px),var(--container)); margin-inline: auto; display: grid; grid-template-columns: 2fr .65fr .8fr; gap: 70px; }
.footer-about { max-width: 460px; }
.footer-logo { width: 138px; margin-bottom: 22px; }
.footer-about p { max-width: 440px; color: rgba(43,43,43,.68); font-size: 13px; line-height: 1.7; }
.footer-column h3 { margin-bottom: 18px; color: var(--color-secondary); font-family: var(--font-body); font-size: 12px; font-weight: 700; letter-spacing: .07em; }
.footer-column nav { display: flex; flex-direction: column; gap: 10px; }
.footer-column a { width: fit-content; color: rgba(43,43,43,.72); font-size: 12px; transition: color var(--transition), transform var(--transition); }
.footer-column a:hover { color: var(--color-primary); transform: translateX(3px); }
.footer-bottom { width: min(calc(100% - 48px),var(--container)); margin: 30px auto 0; padding-top: 24px; border-top: var(--border-soft); text-align: center; }
.footer-bottom p { color: rgba(43,43,43,.5); font-size: 11px; letter-spacing: .04em; }

/* ========================= PREMIUM FINISH ========================= */

body::before { content: ""; position: fixed; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 18%,rgba(210,100,20,.035),transparent 28%), radial-gradient(circle at 88% 72%,rgba(11,15,31,.025),transparent 30%); }
.section:nth-of-type(even):not(.contact-section):not(.propiedad-section):not(.sectores-section):not(.equipo-section) { background: linear-gradient(180deg,rgba(251,238,231,.28),rgba(255,255,255,0)); }
.section-heading { position: relative; }
.section-heading::after { content: ""; position: absolute; left: 50%; bottom: -19px; width: 92px; height: 1px; background: linear-gradient(90deg,transparent,rgba(210,100,20,.32),transparent); transform: translateX(-50%); }
.portfolio-card::before, .principio::before, .estrategia-item::before, .capacidad-card::before, .funcion-card::before, .valor-card::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(210,100,20,.10),transparent 58%); transition: opacity .35s ease; }
.portfolio-card:hover::before, .principio:hover::before, .estrategia-item:hover::before, .capacidad-card:hover::before, .funcion-card:hover::before, .valor-card:hover::before { opacity: 1; }
.principio, .estrategia-item, .capacidad-card, .funcion-card { position: relative; overflow: hidden; }

.valor-card { position: relative; overflow: visible; }
.principio > *, .estrategia-item > *, .capacidad-card > *, .funcion-card > *, .valor-card > * { position: relative; z-index: 2; }
.portfolio-card:focus-visible, .investment-card:focus-visible, .buscamos-card:focus-visible, .funcion-card:focus-visible, .perspectiva-card:focus-visible, .portfolio-filter:focus-visible, .language-option:focus-visible, .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.hero::after { content: ""; position: absolute; z-index: 1; left: 50%; bottom: 25px; width: 1px; height: 46px; background: linear-gradient(to bottom,rgba(255,255,255,.85),transparent); opacity: .55; }
.capital-banner, .inversiones-banner, .perspectivas-banner { isolation: isolate; }
.capital-banner::after, .inversiones-banner::after, .perspectivas-banner::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 48%,transparent 72%); transform: translateX(-120%); transition: transform 1s cubic-bezier(.22,1,.36,1); }
.capital-banner:hover::after, .inversiones-banner:hover::after, .perspectivas-banner:hover::after { transform: translateX(120%); }
.site-modal-container, .consejo-modal-box, .buscamos-modal-box, .perspectiva-modal-box { scrollbar-width: thin; scrollbar-color: rgba(210,100,20,.5) transparent; }
.site-modal-container::-webkit-scrollbar, .consejo-modal-box::-webkit-scrollbar, .buscamos-modal-box::-webkit-scrollbar, .perspectiva-modal-box::-webkit-scrollbar { width: 8px; }
.site-modal-container::-webkit-scrollbar-thumb, .consejo-modal-box::-webkit-scrollbar-thumb, .buscamos-modal-box::-webkit-scrollbar-thumb, .perspectiva-modal-box::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(210,100,20,.42); }

/* ========================= GTRANSLATE ========================= */
.gtranslate-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.language-pill { display: inline-flex; align-items: center; padding: 3px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: rgba(255,255,255,.08); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background var(--transition), border-color var(--transition); }
.language-option { width: 38px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; outline: none; color: rgba(255,255,255,.6); background: transparent; font-family: var(--font-body); font-size: 11px; font-weight: 600; cursor: pointer; transition: var(--transition); }
.language-option::before { content: attr(data-label); }
.language-option:hover { color: var(--color-white); }
.language-option.active { color: var(--color-white); background: var(--color-primary); box-shadow: 0 3px 8px rgba(210,100,20,.3); }
.site-header.scrolled .language-pill { border-color: rgba(11,15,31,.16); background: rgba(255,255,255,.9); }
.site-header.scrolled .language-option { color: rgba(11,15,31,.52); }
.site-header.scrolled .language-option:hover { color: var(--color-secondary); }
.site-header.scrolled .language-option.active { color: var(--color-white); background: var(--color-primary); }

/* ========================= SHARED CONTENT PANELS ========================= */
.inversiones-intro-text, .equipo-heading, .consejo-heading, .perspectivas-intro, .portfolio-intro { position: relative; padding: 38px 44px; border: var(--border-soft); border-radius: var(--radius-large); background: rgba(255,255,255,.94); box-shadow: var(--shadow-small); }
.inversiones-intro-text::before, .equipo-heading::before, .consejo-heading::before, .perspectivas-intro::before, .portfolio-intro::before { content: ""; position: absolute; top: 0; left: 50%; width: 76px; height: 3px; background: var(--color-primary); transform: translateX(-50%); }
.equipo-heading { margin-bottom: 0; }
.consejo-heading { max-width: 900px; }
.portfolio-intro { max-width: 960px; }
.perspectivas-intro { max-width: 960px; }

/* =========================================================
   PAGINAS LEGALES
========================================================= */

.page-legal { background: var(--color-white); }
.page-legal .site-header:not(.scrolled) { background: var(--color-secondary); }
.legal-hero { position: relative; padding: 180px 0 90px; overflow: hidden; background: var(--color-secondary); color: var(--color-white); }
.legal-hero::before { content: ""; position: absolute; top: -180px; right: -140px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; }
.legal-hero::after { content: ""; position: absolute; right: 120px; bottom: -230px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle,rgba(210,100,20,.18),transparent 68%); }
.legal-hero .container-small { position: relative; z-index: 2; }
.legal-eyebrow { display: block; margin-bottom: 20px; color: var(--color-primary); font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.legal-hero h1 { max-width: 800px; margin-bottom: 20px; color: var(--color-white); font-size: clamp(48px,6vw,72px); line-height: .98; letter-spacing: -.03em; }
.legal-hero p { max-width: 690px; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.75; }
.legal-section { padding: 95px 0 120px; }
.legal-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 70px; align-items: start; }
.legal-index { position: sticky; top: 115px; padding: 24px 0; border-top: 1px solid rgba(11,15,31,.14); border-bottom: 1px solid rgba(11,15,31,.14); }
.legal-index-label { display: block; margin-bottom: 18px; color: var(--color-primary); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.legal-index nav { display: flex; flex-direction: column; }
.legal-index a { padding: 9px 0; color: rgba(43,43,43,.62); font-size: 12px; line-height: 1.4; transition: color var(--transition),transform var(--transition); }
.legal-index a:hover { color: var(--color-primary); transform: translateX(4px); }
.legal-content { min-width: 0; }
.legal-notice p { margin: 0; color: rgba(43,43,43,.72); font-size: 13px; line-height: 1.65; }
.legal-block { position: relative; padding: 0 0 58px; margin-bottom: 58px; border-bottom: 1px solid rgba(11,15,31,.09); scroll-margin-top: 110px; }
.legal-block:last-child { margin-bottom: 0; border-bottom: 0; }
.legal-number { display: block; margin-bottom: 14px; color: rgba(210,100,20,.55); font-family: var(--font-title); font-size: 18px; }
.legal-block h2 { max-width: 720px; margin-bottom: 22px; color: var(--color-secondary); font-size: clamp(30px,3vw,42px); line-height: 1.05; }
.legal-block p { max-width: 760px; margin-bottom: 15px; color: rgba(43,43,43,.76); font-size: 14px; line-height: 1.8; }
.legal-block ul { max-width: 760px; margin: 20px 0; }
.legal-block li { position: relative; margin-bottom: 10px; padding-left: 20px; color: rgba(43,43,43,.76); font-size: 14px; line-height: 1.65; }
.legal-block li::before { content: ""; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--color-primary); }
.legal-contact-link { width: fit-content; display: inline-flex; align-items: center; gap: 7px; margin-top: 5px; color: var(--color-primary); font-size: 14px; font-weight: 600; }
.legal-contact-link .material-symbols-outlined { font-size: 17px; transition: transform var(--transition); }
.legal-contact-link:hover .material-symbols-outlined { transform: translate(3px,-3px); }

@media (max-width: 900px) { .legal-layout { grid-template-columns: 1fr; gap: 45px; } .legal-index { position: static; } .legal-index nav { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 20px; } }

@media (max-width: 720px) { .legal-hero { padding: 145px 0 70px; } .legal-hero h1 { font-size: 46px; } .legal-section { padding: 70px 0 90px; } .legal-index nav { grid-template-columns: 1fr; } .legal-notice { margin-bottom: 45px; } .legal-block { padding-bottom: 42px; margin-bottom: 42px; } .legal-block h2 { font-size: 32px; } }