@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600&family=Inter:wght@300;400;500;600&family=Lora:wght@300;400&display=swap');
:root{--navy:#0D121E;--dorado:#C8B090;--texto:#2C3E50;--fondo:#F8F9FB;--blanco:#fff}
*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--texto);background:var(--blanco);line-height:1.8;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Playfair Display',serif;color:var(--navy)}

header{
  position:fixed; top:0; left:0; width:100%; z-index:1000;
  padding:0 24px; height:88px;
  display:flex; justify-content:space-between; align-items:center;
  background:rgba(13,18,30,0.96); backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(200,176,144,0.12); transition:all.4s cubic-bezier(0.2,0.8,0.2,1);
}
header.scrolled, header.shrink{ height:72px; background:rgba(13,18,30,0.99); box-shadow:0 4px 20px rgba(0,0,0,.3); }
.marca-estudio{display:flex;align-items:center;gap:16px;text-decoration:none; flex:0 0 auto;}
.marca-estudio img{height:48px;width:auto; transition:height.3s}
header.shrink.marca-estudio img{height:32px}
.nombre-estudio{display:flex;flex-direction:column;gap:2px;line-height:1}
.apellido-principal{color:#fff;font-size:15px;letter-spacing:.16em;display:block;font-weight:500;text-transform:uppercase;font-family:'Playfair Display',serif;line-height:1.1}
.apellido-secundario{color:var(--dorado);font-size:15px;letter-spacing:.12em;display:block;text-transform:uppercase;font-family:'Playfair Display',serif;font-weight:300;line-height:1.1;opacity:0.95}
nav{ flex:1; display:flex; justify-content:center; }
nav ul{display:flex;list-style:none;gap:32px;align-items:center; margin:0;}
nav a{color:#E8E8E8;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:500;text-decoration:none;position:relative}
nav a:hover{color:var(--dorado)}
.right-group{ display:flex; align-items:center; gap:18px; flex:0 0 auto; }
.btn-area-flex,.btn-nav{
  border:1px solid var(--dorado); padding:0 22px; height:36px;
  display:inline-flex; align-items:center; background:transparent;
  color:#E8DCC8; font-size:12px; letter-spacing:2.2px; text-decoration:none;
  border-radius:2px; transition: all 0.3s ease;
}
.btn-area-flex:hover{ color:var(--dorado); }
.btn-nav:hover{ background:var(--dorado); color:#0D121E; box-shadow: 0 0 20px rgba(200,176,144,0.6); }
.circle-link,.circle-invest{ display:none!important; }

/* HERO */
.hero-principal{min-height:100vh;display:flex;align-items:center;padding:0 12%;position:relative;overflow:hidden;background:var(--navy)}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.hero-overlay{position:absolute;inset:0;background: linear-gradient(90deg, rgba(13,18,30,0.96) 0%, rgba(13,18,30,0.78) 45%, rgba(13,18,30,0.35) 100%);z-index:2}
.hero-principal::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:180px;background:var(--blanco);clip-path: polygon(0 45%, 100% 100%, 100% 100%, 0 100%);z-index:4}
.hero-principal::before{content:"";position:absolute;bottom:178px;left:0;width:100%;height:2.5px;background:#C8B090;transform: skewY(3.8deg);transform-origin:left;z-index:10;box-shadow:0 0 12px rgba(200,176,144,0.5)}
.hero-contenedor-texto{position:relative;z-index:3;max-width:680px;margin-top:-40px;transform:translateY(-2vh)}
.hero-contenedor-texto h1{font-size:54px;line-height:1.12;color:var(--blanco);font-weight:400;margin-bottom:36px;max-width:520px}
.btn-premium-final{display:inline-block;border:1.5px solid var(--dorado);color:#fff;padding:22px 48px;font-size:12px;letter-spacing:3.2px;text-transform:uppercase;font-family:'Playfair Display',serif;font-weight:500;transition:all.3s;text-decoration:none;background:rgba(200,176,144,0.08)}
.btn-premium-final:hover{background:var(--dorado);color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 30px rgba(200,176,144,0.2)}

/* SELLO FINAL - SUBIDO + CON BRILLO */
.barra-flotante-contacto{ top:42%!important; }
.investment-seal-link{ position:absolute; right:2.5%; bottom:16%; z-index:15; text-decoration:none; }
.investment-seal{ width:148px; height:148px; position:relative; display:flex; align-items:center; justify-content:center; transition:all.4s ease; }
.seal-content{ width:108px; height:108px; background:#0F172B; border:1px solid #C8B090; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 8px 25px rgba(0,0,0,.45), 0 0 18px rgba(200,176,144,0.25); z-index:3; }
.seal-year{ font-family:'Playfair Display',serif; font-size:9px; letter-spacing:2px; color:#C8B090; }
.seal-new{ font-family:'Playfair Display',serif; font-size:26px; font-weight:600; color:#C8B090; line-height:1; margin:2px 0; }
.seal-text{ font-family:'Inter',sans-serif; font-size:8.5px; line-height:1.15; color:#E8DCC8; }
.seal-ring,.seal-ring-2,.seal-ring-3{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid #C8B090; border-radius:50%; }
.seal-ring{ width:126px; height:126px; opacity:0.85; box-shadow: 0 0 12px rgba(200,176,144,0.35); }
.seal-ring-2{ width:138px; height:138px; opacity:0.45; box-shadow: 0 0 15px rgba(200,176,144,0.20); }
.seal-ring-3{ width:148px; height:148px; opacity:0.28; border-color: rgba(200,176,144,0.9); box-shadow: 0 0 20px rgba(200,176,144,0.45), 0 0 35px rgba(200,176,144,0.15); }
.investment-seal-link:hover.investment-seal{ transform:scale(1.07); }
.investment-seal-link:hover.seal-ring-3{ box-shadow: 0 0 28px rgba(200,176,144,0.65), 0 0 45px rgba(200,176,144,0.25); }

/* SECCIONES */
section{padding:110px 12%}
.encabezado-seccion{text-align:center;max-width:780px;margin:0 auto 80px auto}
.encabezado-seccion h2{font-size:40px;margin-bottom:14px}
.linea-decorativa{width:60px;height:2px;background:var(--dorado);margin:0 auto 20px auto}
.encabezado-seccion p{color:var(--texto);opacity:.85}
.contenedor-estudio{display:grid;grid-template-columns:1.1fr 0.9fr;gap:80px}
.texto-estudio p{font-weight:300;font-size:16px;margin-bottom:26px;line-height:1.9;color:var(--texto)}
.texto-estudio p:first-child{font-family:'Lora',serif;font-size:1.65rem;font-weight:300;line-height:1.35;color:var(--navy);margin-bottom:42px}
.tarjeta-valor{border-left:1px solid var(--dorado);padding-left:22px;margin-bottom:38px}
.tarjeta-valor h4{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--navy);margin-bottom:8px;font-weight:600}
.tarjeta-valor p{font-size:14.5px;line-height:1.7}
#practicas{background:var(--fondo)}
.grid-corporativo{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tarjeta-corporativa{background:#F9F7F4;border-top:1px solid rgba(200,176,144,.4);box-shadow:0 10px 40px rgba(13,18,30,.04);padding:36px;opacity:0;transform:translateY(28px);transition:all.8s ease,transform.4s ease,box-shadow.4s ease}
.tarjeta-corporativa.visible{opacity:1;transform:translateY(0)}
.tarjeta-corporativa:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(13,18,30,.08)}
.tarjeta-corporativa h3 a{font-size:17px;color:var(--navy);text-decoration:none;transition:color.3s}
.tarjeta-corporativa:hover h3 a{color:var(--dorado)}
.tarjeta-corporativa p{font-size:14px;margin:14px 0 18px 0;line-height:1.7}
.tarjeta-corporativa ul{list-style:none}
.tarjeta-corporativa li{position:relative;padding-left:18px;font-size:13px;margin-bottom:10px;line-height:1.5}
.tarjeta-corporativa li::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;background:var(--dorado)}
.tarjeta-corporativa.destacada{background:var(--navy);grid-column:span 3;text-align:center;padding:60px}
.tarjeta-corporativa.destacada h3 a,.tarjeta-corporativa.destacada p{color:#fff!important}
.tarjeta-corporativa.destacada ul li{color:rgba(255,255,255,.6)!important}

/* FAQ */
.seccion-faq{ background: var(--fondo); border-top: 1px solid rgba(13,18,30,.04); }
.contenedor-faq{ max-width: 820px; margin: 0 auto; }
.acordeon-premium{ display: flex; flex-direction: column; gap: 12px; }
.acordeon-premium details{ background: #fff; border: 1px solid rgba(13,18,30,.08); border-left: 3px solid transparent; transition: all.3s ease; overflow: hidden; }
.acordeon-premium details[open]{ border-left-color: var(--dorado); box-shadow: 0 8px 30px rgba(13,18,30,.05); }
.acordeon-premium summary{ padding: 22px 28px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: var(--navy); font-weight: 500; font-family: 'Playfair Display', serif; font-size: 16px; }
.acordeon-premium summary::-webkit-details-marker{ display: none; }
.acordeon-premium summary::after{ content: "+"; color: var(--dorado); font-size: 22px; font-weight: 300; transition: transform.35s ease; font-family: 'Inter', sans-serif; margin-left: 20px; }
.acordeon-premium details[open] summary::after{ transform: rotate(45deg); }
.acordeon-premium details div{ padding: 0 28px 28px 28px; font-size: 14.5px; line-height: 1.8; font-weight: 300; color: var(--texto); }

/* CIERRE */
.seccion-cierre-premium{ position:relative; overflow:hidden; background:#0D121E; text-align:center; padding:120px 12%; isolation:isolate; }
.seccion-cierre-premium::before{ content:""; position:absolute; inset:0; background-image:url('boceto.webp'); background-size:cover; background-position:center 35%; opacity:0.35; z-index:1; }
.seccion-cierre-premium::after{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%, rgba(200,176,144,.18) 0%, transparent 70%); z-index:1; }
.contenido-cierre{ position:relative; z-index:3; max-width:700px; margin:0 auto; }
.subtitulo-cierre{ color:var(--dorado); letter-spacing:3.5px; font-size:11px; text-transform:uppercase; display:block; margin-bottom:18px; }
.seccion-cierre-premium h2{ color:#fff; font-size:50px; margin-bottom:20px; }
.seccion-cierre-premium p{ color:rgba(255,255,255,.6); margin-bottom:35px; font-size:16px; font-weight:300; }
.btn-premium-borde{ border:1px solid rgba(255,255,255,.35); color:#fff; padding:16px 40px; letter-spacing:2.5px; font-size:11px; text-transform:uppercase; text-decoration:none; transition:.4s; display:inline-block; }
.btn-premium-borde:hover{ background:var(--dorado); border-color:var(--dorado); color:var(--navy); }

/* CONTACTO */
.contenedor-contacto{ display:grid; grid-template-columns:1fr 1.3fr; gap:80px; }
.formulario-contacto{ display:grid; grid-template-columns:1fr 1fr; gap:50px 32px; }
.campo-ancho{ grid-column:span 2; }
.bloque-dato{ margin-bottom:28px; }
.bloque-dato label{ display:block; margin-bottom:10px; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--dorado); }
.campo-flotante{ position:relative; display:block; width:100%; }
.campo-flotante input,.campo-flotante textarea{
  display:block; width:100%; border:none; border-bottom:1.5px solid #C8B090;
  background:transparent; border-radius:0; box-shadow:none; outline:none;
  padding:18px 0 12px 0; font-family:'Inter',sans-serif; font-size:15px; color:#0D121E;
}
.campo-flotante textarea{ height:90px; min-height:90px; max-height:90px; resize:none; overflow:hidden; }
.campo-flotante label{ position:absolute; left:0; top:22px; color:#a0aec0; font-size:14px; pointer-events:none; transition:all.3s ease; }
.campo-flotante input:focus + label,.campo-flotante input:not(:placeholder-shown) + label,
.campo-flotante textarea:focus + label,.campo-flotante textarea:not(:placeholder-shown) + label{
  top:-12px; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#C8B090;
}
.boton-enviar{
  grid-column:span 2; width:100%; background:transparent; border:1.5px solid #C8B090; color:#0D121E;
  padding:22px 40px; margin-top:16px; letter-spacing:3px; text-transform:uppercase; font-size:12px;
  font-family:'Playfair Display',serif; cursor:pointer; transition:all.3s ease;
}
.boton-enviar:hover{ background:#0D121E; color:#C8B090; transform:translateY(-2px); }

/* FOOTER */
.footer-premium{background:var(--navy);padding:90px 12% 40px 12%;border-top:1px solid rgba(200,176,144,.15)}
.bloques-footer-fijo{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:70px;margin-bottom:60px}
.columna-footer-fija h4{color:var(--dorado);font-size:11px;letter-spacing:2.8px;text-transform:uppercase;margin-bottom:28px;font-family:'Inter',sans-serif;font-weight:500}
.columna-footer-fija p{color:rgba(255,255,255,.55);font-size:14px;line-height:1.8;font-weight:300}
.columna-footer-fija ul{list-style:none}
.columna-footer-fija li{margin-bottom:12px}
.columna-footer-fija a{color:rgba(255,255,255,.55);text-decoration:none;font-size:14px}
.columna-footer-fija a:hover{color:#fff}
.copyright-premium{border-top:1px solid rgba(255,255,255,.07);padding-top:26px;text-align:center}
.copyright-premium p{color:rgba(255,255,255,.35);font-size:12px}

/* BARRA FLOTANTE */
.barra-flotante-contacto{position:fixed;right:12px;top:42%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:1px;border-radius:8px;overflow:hidden}
.item-flotante{display:flex;align-items:center;justify-content:flex-end;background:var(--navy);color:#fff;height:52px;min-width:52px;border-left:2px solid var(--dorado);padding:0 16px;text-decoration:none;transition:all.35s}
.item-flotante span{font-size:10px;letter-spacing:2px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:all.35s}
.item-flotante:hover{background:var(--dorado);color:var(--navy)}
.item-flotante:hover span{max-width:120px;opacity:1;padding-right:12px}

/* RESPONSIVE */
@media(max-width:1024px){.contenedor-estudio,.contenedor-contacto,.bloques-footer-fijo{grid-template-columns:1fr}.grid-corporativo{grid-template-columns:1fr 1fr}.tarjeta-corporativa.destacada{grid-column:span 2}}
@media(max-width:768px){
  header{padding:12px 5%}
  header nav{ display:none; }
.hero-contenedor-texto{margin:0 6%; padding-top:8vh; padding-bottom:100px; transform:none;}
.hero-contenedor-texto h1{font-size:32px; line-height:1.2;}
.btn-premium-final{width:fit-content; min-width:220px; padding:16px 32px; margin-top:35px; display:inline-flex; justify-content:center;}
  section{padding:80px 6%}
.barra-flotante-contacto{display:none}
.investment-seal-link{ right:5%; bottom:18%; }
.investment-seal{ width:110px; height:110px; }
.seal-content{ width:82px; height:82px; }
.seal-new{ font-size:19px; }
.seal-ring{ width:96px; height:96px; }
.seal-ring-2{ width:104px; height:104px; }
.seal-ring-3{ width:112px; height:112px; }
.hero-principal::after{height:120px;clip-path:polygon(0 75%,100% 100%,100% 100%,0 100%)}
.hero-principal::before{bottom:118px}
}
/* FIX PASTILLA - PEGAR AL FINAL DEL STYLE.CSS */
.right-group{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}

.investment-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  height:34px !important;
  padding:0 16px 0 12px !important;
  border:1px solid rgba(200,176,144,0.45) !important;
  border-radius:24px !important;
  background: rgba(13,18,30,0.65) !important;
  backdrop-filter: blur(8px) !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  opacity:0 !important;
  transform: translateX(15px) !important;
  pointer-events:none !important;
  transition: all 0.5s ease !important;
}
.pill-dot{
  width:6px !important;
  height:6px !important;
  background:#C8B090 !important;
  border-radius:50% !important;
  display:inline-block !important;
  animation: pulseGold 2s infinite !important;
}
.pill-new{
  font-family:'Inter',sans-serif !important;
  font-size:8.5px !important;
  font-weight:700 !important;
  letter-spacing:1.2px !important;
  color:#0D121E !important;
  background:#C8B090 !important;
  padding:4px 8px !important;
  border-radius:12px !important;
  line-height:1 !important;
}
.pill-text{
  font-size:11px !important;
  letter-spacing:0.8px !important;
  color:#E8DCC8 !important;
  font-weight:500 !important;
  text-decoration:none !important;
}
body.pill-visible .investment-pill{
  opacity:1 !important;
  transform: translateX(0) !important;
  pointer-events:auto !important;
}
@keyframes pulseGold{
  0%{ box-shadow:0 0 0 0 rgba(200,176,144,0.6) }
  70%{ box-shadow:0 0 0 7px rgba(200,176,144,0) }
  100%{ box-shadow:0 0 0 0 rgba(200,176,144,0) }
}