/* ========================= RESPONSIVE.CSS ========================= */

@media (max-width: 1180px) {

.container { width: min(calc(100% - 40px),var(--container)); }

.container-small { width: min(calc(100% - 40px),var(--container-small)); }

.header-container { width: calc(100% - 40px); }

.main-nav { gap: 18px; }

.main-nav a { font-size: 12px; }

.buscamos-grid { grid-template-columns: repeat(3,1fr); }

.buscamos-card:nth-child(4), .buscamos-card:nth-child(5) { grid-column: auto; }

.valor-proceso { flex-wrap: wrap; gap: 30px 12px; }

.valor-card { flex: 1 1 calc(33.333% - 12px); }

.process-arrow { display: none; }

.portfolio-projects-grid { max-width: 100%; }

.footer-container { gap: 45px; }

}

@media (max-width: 1024px) {

.section { padding: 90px 0; }

.hero { min-height: 760px; }

.hero-title { font-size: clamp(46px,7vw,66px); }

.main-nav { gap: 15px; }

.quienes-principios { gap: 16px; }

.propiedad-box { gap: 45px; padding: 48px; }

.equipo-capacidades { grid-template-columns: repeat(2,1fr); }

.estrategias-grid { gap: 18px; }

.estrategia-item { width: calc(50% - 10px); }

.contact-box { grid-template-columns: .9fr 1.1fr; }

.portfolio-card.posicion-1, .portfolio-card.posicion-4 { grid-column: span 7; }

.portfolio-card.posicion-2, .portfolio-card.posicion-3, .portfolio-card.posicion-5, .portfolio-card.posicion-6, .portfolio-card.posicion-7 { grid-column: span 5; }

}

@media (max-width: 900px) {

.site-header { height: 78px; }

.site-header.scrolled { height: 68px; }

.menu-toggle { display: block; }

.main-nav { position: fixed; z-index: 1001; top: 0; right: 0; width: min(380px,88vw); height: 100vh; padding: 115px 35px 45px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; background: rgba(11,15,31,.98); backdrop-filter: blur(20px); transform: translateX(105%); transition: transform .4s cubic-bezier(.2,.7,.2,1); box-shadow: -20px 0 50px rgba(0,0,0,.16); }

.main-nav.open { transform: translateX(0); }

.main-nav a, .site-header.scrolled .main-nav a { width: 100%; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.08); color: var(--color-white); font-size: 16px; }

.main-nav a::after { display: none; }

.site-header.scrolled .menu-toggle.active span { background: var(--color-white); }

.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }

.menu-toggle.active span:nth-child(2) { opacity: 0; }

.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.main-nav .language-pill { margin-top: 20px; }

.hero { min-height: 700px; border-radius: 0 0 28px 28px; }

.investment-card:nth-child(n) { grid-column: span 6; }

.investment-card:nth-child(7) { grid-column: span 12; }

.about-preview-box { grid-template-columns: 1fr; }

.about-preview-content { padding: 45px 38px; }

.about-preview-image { min-height: 340px; }

.quienes-principios { grid-template-columns: 1fr; }

.principio { min-height: 0; }

.buscamos-grid { grid-template-columns: repeat(2,1fr); }

.propiedad-box { grid-template-columns: 1fr; gap: 45px; }

.sectores-grid { grid-template-columns: repeat(2,1fr); }

.sector-wide { grid-column: span 2; }

.inversiones-banner-content { grid-template-columns: 1fr; gap: 30px; }

.inversiones-banner-text { max-width: 620px; text-align: left; }

.portfolio-card.posicion-1, .portfolio-card.posicion-2, .portfolio-card.posicion-3, .portfolio-card.posicion-4, .portfolio-card.posicion-5, .portfolio-card.posicion-6, .portfolio-card.posicion-7 { grid-column: span 6; }

.portfolio-preview-grid .portfolio-card.posicion-1, .portfolio-preview-grid .portfolio-card.posicion-2, .portfolio-preview-grid .portfolio-card.posicion-3, .portfolio-preview-grid .portfolio-card.posicion-4, .portfolio-preview-grid .portfolio-card.posicion-5, .portfolio-preview-grid .portfolio-card.posicion-6 { grid-column: span 6; }

.funciones-grid { grid-template-columns: 1fr; }

.perspectivas-grid { grid-template-columns: 1fr; }

.contact-box { grid-template-columns: 1fr; }

.contact-information { padding: 34px; }

.footer-container { grid-template-columns: 1fr 1fr; gap: 35px; }

.footer-about { grid-column: 1 / -1; max-width: 620px; }

}

@media (max-width: 720px) {

.container, .container-small { width: calc(100% - 32px); }

.header-container { width: calc(100% - 32px); }

.section { padding: 75px 0; }

.section-heading { margin-bottom: 42px; }

.section-heading h2 { font-size: 36px; }

.section-label { font-size: 10px; }

.hero { min-height: 650px; border-radius: 0 0 24px 24px; }

.hero-content { width: calc(100% - 32px); }

.hero-eyebrow { margin-bottom: 20px; font-size: 10px; }

.hero-title { font-size: clamp(40px,12vw,56px); line-height: 1; }

.hero-description { font-size: 14px; }

.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 { font-size: 14px; }

.home-intro-statement { font-size: 20px; }

.investment-grid { grid-template-columns: 1fr; }

.investment-card:nth-child(n) { grid-column: auto; height: 260px; }

.about-preview-content { padding: 38px 26px; }

.about-preview-content h2 { font-size: 34px; }

.about-preview-image { min-height: 280px; }

.portfolio-preview-grid { grid-template-columns: 1fr; }

.contact-section { padding: 75px 0 45px; border-radius: 26px 26px 0 0; }

.contact-heading { margin-bottom: 38px; }

.contact-heading h2 { font-size: 34px; }

.contact-box { padding: 12px; border-radius: 20px; }

.contact-form-wrapper { padding: 20px 10px; }

.form-row { grid-template-columns: 1fr; gap: 0; }

.site-modal { width: calc(100% - 20px); border-radius: 18px; }

.site-modal-hero { min-height: 300px; }

.site-modal-heading { padding: 35px 26px; }

.site-modal-heading h2 { font-size: 36px; }

.site-modal-content { padding: 34px 26px 40px; }

.quienes-description { padding: 34px 24px; border-radius: 20px; }

.quienes-principios { margin-top: 38px; }

.principio { padding: 28px 24px; }

.capital-banner { height: 300px; margin-top: 40px; }

.capital-banner-frame { padding: 22px; }

.capital-banner h2 { font-size: 34px; }

.buscamos-grid { grid-template-columns: 1fr; }

.buscamos-card { min-height: 190px; }

.valor-heading { margin-bottom: 65px; }

.valor-card { flex: 1 1 100%; }

.propiedad-box { padding: 34px 24px; }

.propiedad-content h2 { font-size: 34px; }

.mentalidad-banner { min-height: 230px; }

.buscamos-modal-box { padding: 52px 28px 36px; }

.buscamos-modal h2 { font-size: 31px; }

.estrategia-item { width: 100%; }

.sectores-grid { grid-template-columns: 1fr; }

.sector-card, .sector-wide { grid-column: auto; }

.inversiones-banner, .perspectivas-banner { min-height: 420px; }

.inversiones-banner-content { gap: 22px; }

.inversiones-banner-title h2 { font-size: 43px; }

.portfolio-filters { justify-content: flex-start; margin-bottom: 45px; }

.portfolio-filter { min-height: 40px; padding: 0 15px; }

.portfolio-projects-grid { grid-template-columns: 1fr; }

.portfolio-preview-grid { grid-template-columns: 1fr; }

.portfolio-card.posicion-1, .portfolio-card.posicion-2, .portfolio-card.posicion-3, .portfolio-card.posicion-4, .portfolio-card.posicion-5, .portfolio-card.posicion-6, .portfolio-card.posicion-7 { grid-column: auto; }

.portfolio-preview-grid .portfolio-card.posicion-1, .portfolio-preview-grid .portfolio-card.posicion-2, .portfolio-preview-grid .portfolio-card.posicion-3, .portfolio-preview-grid .portfolio-card.posicion-4, .portfolio-preview-grid .portfolio-card.posicion-5, .portfolio-preview-grid .portfolio-card.posicion-6 { grid-column: auto; }

.portfolio-card { min-height: 240px; }

.portfolio-modal-hero { min-height: 330px; }

.portfolio-modal-heading { padding-top: 120px; }

.portfolio-website-button { width: 100%; }

.equipo-capacidades { grid-template-columns: 1fr; }

.funcion-card { min-height: 200px; }

.consejo-modal-box { padding: 48px 27px 35px; }

.consejo-modal h2 { font-size: 32px; }

.perspectiva-card { min-height: 320px; }

.perspectiva-modal { width: calc(100% - 20px); }

.perspectiva-modal-hero { min-height: 350px; }

.perspectiva-modal-heading { padding: 38px 27px; }

.perspectiva-modal-heading h2 { font-size: 34px; }

.perspectiva-modal-content { padding: 36px 27px; }

.footer-container { grid-template-columns: 1fr; gap: 34px; }

.footer-about { max-width: none; }

.footer-bottom { width: calc(100% - 32px); }

}

@media (max-width: 520px) {

.section { padding: 64px 0; }

.brand-logo-wrapper { width: 122px; height: 44px; }

 .brand-logo { width: 122px; max-height: 44px; }

.hero { min-height: 610px; }

.hero-title { font-size: 42px; }

.hero-description { max-width: 95%; }

.about-preview-content h2 { font-size: 30px; }

.portfolio-card-logo { width: 60px; height: 60px; }

.contact-information { padding: 28px 23px; }

.site-modal-close { top: 12px; right: 12px; width: 38px; height: 38px; }

.site-modal-hero { min-height: 275px; }

.site-modal-heading h2 { font-size: 31px; }

.capital-banner { height: 270px; padding: 12px; }

.capital-banner-frame { border-radius: 13px; }

.capital-banner h2 { font-size: 30px; }

.propiedad-box { padding: 30px 20px; }

.propiedad-item { align-items: flex-start; }

.mentalidad-banner h2 { font-size: 31px; }

.portfolio-card { padding: 23px; }

.portfolio-card-number { font-size: 32px; }

.portfolio-card-content h3 { font-size: 20px; }

.inversiones-banner-title h2 { font-size: 38px; }

.perspectivas-banner h2 { font-size: 38px; }

.perspectiva-card-content { padding: 23px; }

.perspectiva-card h3 { font-size: 18px; }

.consejo-modal-top { align-items: flex-start; }

.consejo-modal-number { font-size: 42px; }

.footer-container { width: calc(100% - 32px); }

}

@media (prefers-reduced-motion: reduce) {

*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }

}
@media (max-width: 720px) { .inversiones-intro-text, .equipo-heading, .consejo-heading, .perspectivas-intro, .portfolio-intro { padding: 32px 24px; border-radius: 20px; } }