:root{--forest:#123c35;--forest-2:#1d5147;--cream:#f5f1e8;--sand:#b89149;--gold:#b89149;--gold-light:#cca358;--gold-dark:#936d2e;--ink:#17342f;--white:#fff}
.brand-mark{font-size:14px!important;letter-spacing:-.04em}
.brand-logo{display:block;width:170px;height:68px;object-fit:contain;object-position:center}.footer-logo{width:190px;height:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,237,.96);position:absolute;z-index:20;top:0;width:100%;border-bottom:1px solid rgba(18,60,53,.1)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.15em;font-size:15px}.brand small{display:block;font-size:8px;letter-spacing:.36em;margin-top:3px;color:#648078}.brand-mark{width:38px;height:38px;border:1px solid var(--forest);border-radius:50% 50% 44% 44%;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;font-weight:400}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a:hover{opacity:.55}.header-cta{border-bottom:1px solid var(--forest);padding:10px 0;font-size:13px;font-weight:700}.hero{min-height:760px;height:92vh;position:relative;display:flex;align-items:center;background:linear-gradient(120deg,#28584f 0%,#5e796a 45%,#b7a782 100%);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:url('/assets/la-cubana-hero.png');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,26,.78) 0%,rgba(5,31,26,.35) 52%,rgba(5,31,26,.04) 78%)}.hero-content{position:relative;z-index:2;color:white;width:min(700px,88vw);margin-left:clamp(24px,9vw,140px);padding-top:70px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700;margin:0 0 24px}.eyebrow.light{color:#e7ddc8}.hero h1,.section h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.96;letter-spacing:-.035em}.hero h1{font-size:clamp(56px,7.2vw,104px);margin:0 0 28px}.hero h1 em,.section h2 em{font-weight:400;color:#d9c8a5}.hero-copy{font-size:17px;line-height:1.7;max-width:510px;color:rgba(255,255,255,.85)}.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:190px;padding:16px 20px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--cream);color:var(--forest)}.button.ghost{border:1px solid rgba(255,255,255,.65);color:#fff}.hero-status{position:absolute;right:0;bottom:0;z-index:3;background:var(--forest);color:white;display:flex;align-items:center;gap:28px;padding:20px 34px}.hero-status span{font-size:9px;letter-spacing:.2em;border:1px solid #8da69e;padding:7px}.hero-status strong{font:400 17px Georgia,serif}.facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1120px;margin:-1px auto 0;background:#fff}.facts div{padding:28px 38px;border-right:1px solid #dfe5e1}.facts div:last-child{border:0}.facts span{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#71827c;margin-bottom:9px}.facts strong{font:400 20px Georgia,serif}.section{padding:120px clamp(24px,9vw,140px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:start}.section h2{font-size:clamp(46px,5vw,74px);margin:0}.intro-copy{padding-top:38px}.intro-copy p,.placeholder-section>p:last-child{font-size:16px;line-height:1.8;color:#536b64;max-width:540px}.text-link{display:inline-block;margin-top:24px;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:800;border-bottom:1px solid;padding-bottom:8px}.promise{height:280px;background:var(--forest);display:grid;place-items:center;color:#d9c8a5;text-align:center}.promise p{text-transform:uppercase;letter-spacing:.28em;font-size:12px}.placeholder-section{min-height:430px}.placeholder-section.alt{background:#e7ded0}.placeholder-section h2{margin-bottom:30px}.contact{background:var(--forest);color:white;text-align:center;display:flex;flex-direction:column;align-items:center}.contact h2{font-size:clamp(54px,7vw,94px);margin-bottom:42px}.button.cream{background:var(--cream);color:var(--forest)}.contact small{margin-top:52px;color:#8fa69f;font-size:10px}
@media(max-width:800px){.site-header{height:72px}.site-header nav{display:none}.header-cta{font-size:11px}.hero{min-height:700px;height:100svh}.hero-content{margin-left:24px;padding-top:55px}.hero-copy{font-size:15px}.hero-status{left:0;right:auto;padding:16px 20px}.facts{grid-template-columns:1fr 1fr}.facts div{padding:22px;border-bottom:1px solid #dfe5e1}.intro{grid-template-columns:1fr;gap:25px}.section{padding:82px 24px}.promise{height:220px;padding:24px}.promise p{line-height:2}.button{min-width:175px}.brand{font-size:12px}.brand-mark{width:32px;height:32px}.brand-logo{width:145px;height:58px}.footer-logo{width:176px;height:82px}.header-cta{display:none}}
@media(max-width:430px){.hero-actions{flex-direction:column;align-items:flex-start}.hero h1{font-size:52px}.hero-status strong{font-size:14px}.facts strong{font-size:17px}}

.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-heading>p{max-width:420px;line-height:1.8;color:#61736e}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.model-card{min-height:480px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:38px;color:white;background-size:cover}.model-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,43,37,.96),rgba(10,43,37,.12))}.model-one{background:linear-gradient(135deg,#8ca39a,#264e46)}.model-two{background:linear-gradient(135deg,#b29d7c,#315c52)}.model-card::after{content:"";position:absolute;width:75%;height:55%;right:-15%;top:5%;border:1px solid rgba(255,255,255,.25);border-radius:50% 50% 10% 10%;transform:rotate(-8deg)}.model-number{position:absolute;top:28px;left:30px;font:italic 32px Georgia,serif;color:#e0d3bc}.model-body{position:relative;z-index:2;width:100%}.model-body>p{font-size:9px;letter-spacing:.2em}.model-body h3{font:400 50px Georgia,serif;margin:5px 0 20px}.model-body ul{list-style:none;padding:18px 0;margin:0;border-top:1px solid rgba(255,255,255,.35);display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.model-body strong{display:block;margin-top:22px;font:400 20px Georgia,serif}footer{padding:34px clamp(24px,5vw,76px);display:flex;justify-content:space-between;align-items:center;background:#0d2f29;color:#9bb0aa;font-size:10px}.footer-brand{color:white}
@media(max-width:800px){.section-heading{display:block}.section-heading>p{margin-top:28px}.model-grid{grid-template-columns:1fr}.model-card{min-height:420px}footer{gap:20px;flex-direction:column;text-align:center}}

.model-grid{grid-template-columns:minmax(0,820px)}.model-card{transition:transform .25s,box-shadow .25s}.model-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(18,60,53,.18)}.model-price{display:flex;align-items:end;justify-content:space-between;gap:20px}.model-price span{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:6px}

.detail-header{position:absolute}.detail-hero{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;padding-top:86px;background:var(--forest)}.detail-hero-image{background:url('/assets/la-cubana-hero.png') center/cover no-repeat}.detail-hero-copy{padding:80px clamp(34px,6vw,95px);color:white;display:flex;flex-direction:column;justify-content:center}.back-link{align-self:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#b9c9c4;margin-bottom:70px}.detail-hero-copy h1{font:400 clamp(70px,8vw,118px)/.9 Georgia,serif;margin:0 0 28px;color:#e7d7b8}.detail-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#c2d0cc;max-width:420px}.detail-hero-copy>strong{font:400 24px Georgia,serif;margin-top:28px}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:0 clamp(24px,8vw,130px)}.detail-facts div{padding:30px;border-right:1px solid #dfe5e1}.detail-facts div:last-child{border:0}.detail-facts span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#71827c;margin-bottom:9px}.detail-facts strong{font:400 21px Georgia,serif}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.detail-intro>div:last-child{padding-top:38px;color:#536b64;line-height:1.8}.floor-section{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;background:#e7ded0;align-items:center}.floor-plan{background:#f9f7f1;padding:24px;min-height:500px}.floor-plan>span{font-size:9px;letter-spacing:.2em}.plan-box{margin-top:20px;border:2px solid #31564e;display:grid;grid-template-columns:1fr 1fr;height:420px}.plan-box div{border:1px solid #8ea19b;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.floor-copy ul{list-style:none;padding:0;margin:35px 0 0}.floor-copy li{padding:16px 0;border-top:1px solid #bdc5c0;font-size:13px}.finishes{background:var(--forest);color:white}.finishes>h2{margin-bottom:60px}.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.finish-grid article{border-top:1px solid #607b73;padding-top:24px}.finish-grid span{font:italic 18px Georgia,serif;color:#d7c7aa}.finish-grid h3{font:400 28px Georgia,serif;margin:26px 0 12px}.finish-grid p{color:#aebfba;line-height:1.7;font-size:13px}.detail-cta{text-align:center;display:flex;flex-direction:column;align-items:center}.detail-cta h2{margin-bottom:42px}.detail-cta .button{background:var(--forest);color:white}
@media(max-width:800px){.detail-hero{grid-template-columns:1fr;padding-top:72px}.detail-hero-image{min-height:380px}.detail-hero-copy{padding:55px 24px}.back-link{margin-bottom:45px}.detail-facts{grid-template-columns:1fr 1fr;padding:0}.detail-facts div{padding:22px}.detail-intro,.floor-section{grid-template-columns:1fr;gap:42px}.floor-plan{min-height:400px}.plan-box{height:330px}.finish-grid{grid-template-columns:1fr}.finish-grid article{padding-bottom:18px}.model-price{align-items:flex-start;flex-direction:column}}

@media(min-width:801px){.detail-facts{grid-template-columns:repeat(3,1fr)}.detail-facts div{border-right:1px solid #dfe5e1;border-bottom:1px solid #dfe5e1}.detail-facts div:nth-child(3n){border-right:0}.detail-facts div:nth-last-child(-n+3){border-bottom:0}}

.tour-shell{background:#f9f7f1;padding:18px}.tour-viewer{height:500px;position:relative;overflow:hidden;background-image:url('/assets/la-cubana-hero.png');background-repeat:repeat-x;cursor:grab;user-select:none;touch-action:none;transition:background-size .2s;background-color:#244d45}.tour-viewer.is-dragging{cursor:grabbing}.tour-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,37,32,.12),rgba(8,37,32,.45))}.tour-badge{position:absolute;left:20px;top:20px;padding:9px 12px;background:rgba(10,42,36,.82);color:#fff;font-size:9px;letter-spacing:.17em}.tour-badge span{font:italic 18px Georgia,serif;color:#e5d3b2;margin-right:7px}.tour-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-shadow:0 2px 12px rgba(0,0,0,.45);pointer-events:none}.tour-orbit{width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:28px;margin-bottom:14px;animation:tour-pulse 2s infinite}.tour-center strong{text-transform:uppercase;letter-spacing:.16em;font-size:11px}.tour-center small{margin-top:7px;color:#d9e2df}.tour-controls{position:absolute;right:16px;bottom:16px;display:flex;gap:6px}.tour-controls button{width:42px;height:42px;border:0;background:rgba(249,247,241,.93);color:var(--forest);font-size:20px;cursor:pointer}.tour-controls button:hover{background:white}.tour-note{margin:13px 2px 0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6d7c77}.tour-note span{color:#c1aa80;margin-right:8px}.floor-description{line-height:1.7;color:#61736e;margin:28px 0 0}.tour-viewer:fullscreen{width:100vw;height:100vh;background-color:#173f37}@keyframes tour-pulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}
@media(max-width:800px){.tour-viewer{height:390px}.tour-shell{padding:10px}.tour-badge{left:12px;top:12px}.tour-controls{right:10px;bottom:10px}.tour-controls button{width:40px;height:40px}}

.kuula-shell{background:#f9f7f1;padding:18px}.kuula-viewer{display:block;width:100%;height:500px;border:0;background:#173f37}.kuula-note{margin:13px 2px 0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6d7c77}.kuula-note span{color:#c1aa80;margin-right:8px}@media(max-width:800px){.kuula-shell{padding:10px}.kuula-viewer{height:390px}}

.location-showcase{display:grid;grid-template-columns:55% 45%;min-height:820px}.location-photo{background:url('/assets/la-cubana-amenities.png') center/cover no-repeat;min-height:540px}.location-copy{background:var(--forest);color:white;display:flex;flex-direction:column;justify-content:center}.location-copy>p:not(.eyebrow){line-height:1.75;color:#b7c5c0;max-width:520px;margin:30px 0}.google-map{width:100%;height:290px;margin-top:20px;border-top:1px solid rgba(255,255,255,.18);padding-top:20px}.google-map iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.88) contrast(.96)}
@media(max-width:800px){.location-showcase{grid-template-columns:1fr;min-height:0}.location-photo{min-height:400px}.location-copy{padding-top:74px;padding-bottom:74px}.google-map{height:330px}}

/* Contacto en fondo claro */
.contact{background:#fff;color:var(--forest)}
.contact .eyebrow.light{color:#a89063}
.contact h2{color:var(--forest)}
.contact .button.cream{background:var(--forest);color:#fff}
.contact small{color:#71827c}

/* Dorado con mayor contraste sobre fondos claros */
.intro h2 em,
.models h2 em,
.detail-intro h2 em,
.floor-section h2 em,
.detail-cta h2 em{color:#a88750}

/* Paleta dorada oficial tomada del logo Silver Valley */
.eyebrow.light,.hero h1 em,.section h2 em,.promise p,.model-number,.finish-grid span,.tour-badge span,.tour-note span,.kuula-note span{color:var(--gold-light)}
.detail-hero-copy h1{color:var(--gold-light)}
.contact .eyebrow.light,.detail-cta h2 em{color:var(--gold-dark)}

/* Tarjeta del modelo: mayor legibilidad y llamada a la acción */
.model-card{min-height:540px;padding:46px}
.model-body>p{font-size:12px;font-weight:800;letter-spacing:.22em}
.model-body h3{font-size:58px;font-weight:700;margin:8px 0 24px}
.model-body ul{padding:22px 0;gap:16px 28px;font-size:15px;font-weight:700;line-height:1.35}
.model-price{align-items:center;margin-top:8px}
.model-body .model-price strong{margin-top:0;font-size:28px;font-weight:700}
.model-price span{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:15px 24px;border:0;background:var(--gold);color:#102f29;font-size:14px;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:background .2s,transform .2s}
.model-card:hover .model-price span{background:var(--gold-light);transform:translateY(-2px)}

@media(max-width:800px){.model-card{min-height:500px;padding:30px}.model-body h3{font-size:48px}.model-body ul{font-size:14px;gap:14px 18px}.model-price{align-items:stretch}.model-price span{width:100%;min-width:0}.model-body .model-price strong{font-size:25px}}

/* Franja de atributos principales */
.promise p{font-size:clamp(18px,1.55vw,24px);font-weight:500;letter-spacing:.18em;text-transform:none}
@media(max-width:800px){.promise p{font-size:15px;letter-spacing:.16em}}

.header-actions-right{display:flex;align-items:center;gap:32px}
.project-page .models{padding-top:180px}
@media(max-width:800px){.project-page .models{padding-top:130px}}

/* Modelos centrados y encabezado con mayor presencia */
.models{display:flex;flex-direction:column;align-items:center}
.models .section-heading,
.models .model-grid{width:min(100%,960px)}
.models .section-heading{justify-content:center;text-align:center}
.models .model-grid{grid-template-columns:1fr}
.brand{font-size:18px}
.brand small{font-size:9px}
.site-header nav{font-size:15px;gap:42px}
.header-cta{font-size:15px}

@media(max-width:800px){
  .brand{font-size:14px}
  .brand small{font-size:8px}
}

.site-header nav{font-size:16px;font-weight:700}

.hero::before{background-image:url('/assets/la-cubana-main.png');background-position:center}

.location-photo{background-image:url('/assets/la-cubana-location.png')}

.detail-hero-image{background-image:url('/assets/la-cubana-detail.png');background-position:center}

/* Hero de detalle: solo volver al proyecto, logo centrado y descripción/precio */
.detail-hero{position:relative}
.detail-hero-copy{position:relative;padding:0 clamp(34px,6vw,95px);justify-content:flex-start;align-items:flex-start}
.detail-hero-copy .back-link{position:absolute;left:clamp(34px,6vw,95px);top:clamp(28px,4vh,44px);margin:0;z-index:4}
.detail-logo-center{position:absolute;top:clamp(92px,13vh,125px);left:50%;transform:translateX(-50%);width:clamp(270px,31vw,410px);height:auto;max-height:310px;object-fit:contain;z-index:2}
.detail-hero-info{position:absolute;left:clamp(34px,6vw,95px);right:clamp(34px,6vw,95px);bottom:clamp(28px,4vh,42px);z-index:3}
.detail-hero-info p{font-size:clamp(19px,1.6vw,24px);line-height:1.6;color:#c2d0cc;max-width:590px;margin:0}
.detail-hero-info strong{display:block;font:700 clamp(29px,2.6vw,38px) Georgia,serif;color:#fff;margin-top:24px}
@media(max-width:800px){
  .detail-hero-copy{padding:0 24px}
  .detail-hero-copy .back-link{left:24px;top:24px}
  .detail-logo-center{top:88px;width:260px;max-height:220px}
  .detail-hero-info{left:24px;right:24px;bottom:22px}
  .detail-hero-info p{font-size:17px;line-height:1.55}
  .detail-hero-info strong{font-size:27px;margin-top:18px}
}

/* Savia detail: text-only details section */
.finishes.section > h2 { margin: 0; }


/* Ajustes solicitados: hero de detalle 25% más compacto y planos en Observa más detalles */
.detail-logo-center{width:clamp(203px,23.25vw,307px);max-height:233px;}
.detail-hero-info p{font-size:clamp(16px,1.2vw,18px);line-height:1.55;max-width:590px;}
.detail-hero-info strong{font-size:clamp(24px,1.95vw,29px);margin-top:18px;}
.finishes.section{display:flex;flex-direction:column;align-items:center;}
.finishes.section > h2{font-size:clamp(42px,4.2vw,62px);margin-bottom:52px;text-align:center;}
.floor-gallery{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start;}
.floor-card{margin:0;display:flex;flex-direction:column;align-items:center;}
.floor-card img{display:block;width:min(100%,252px);height:auto;max-height:455px;object-fit:contain;background:#f9f7f1;padding:10px;}
.floor-card figcaption{margin-top:16px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--gold-light);}
@media(max-width:800px){
  .detail-logo-center{top:88px;width:165px;max-height:165px;}
  .detail-hero-info p{font-size:14px;line-height:1.5;}
  .detail-hero-info strong{font-size:21px;margin-top:14px;}
  .finishes.section > h2{font-size:40px;margin-bottom:36px;}
  .floor-gallery{grid-template-columns:1fr;gap:42px;}
  .floor-card img{width:min(100%,231px);max-height:434px;}
}


/* Footer: patrocinador JFI y copyright centrado */
footer{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;}
footer .footer-brand{justify-self:start;}
.footer-copy{justify-self:center;margin:12px 0 0;color:#9bb0aa;white-space:nowrap;}
.footer-supported{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:150px;}
.footer-supported span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9bb0aa;}
.footer-supported img{display:block;width:190px;height:auto;max-height:90px;object-fit:contain;}
@media(max-width:800px){
  footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px;}
  footer .footer-brand,.footer-copy,.footer-supported{justify-self:center;}
  .footer-supported img{width:176px;max-height:84px;}
}

.map-link {
    display: inline-block;
    margin-top: 14px;
    color: var(--gold-light);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    border-bottom: 1px solid var(--gold-light);
    padding-bottom: 6px;
}

.map-link:hover {
    opacity: 0.75;
}

/* Características del modelo */
.model-features {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 60px;
    margin: 25px 0 0;
    padding: 20px 0;
    background: transparent;
    border: none;
}
.model-feature {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    color: #144038;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.feature-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-light);
}

.feature-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Celular */
@media (max-width: 800px) {
    .model-features {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 24px;
    }

    .model-feature {
        font-size: 14px;
    }

    .feature-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .feature-icon svg {
        width: 26px;
        height: 26px;
    }
}

/* ========================================
   DESCRIPCIÓN DEL PROYECTO
======================================== */

.project-description {
    background: #123f36;
    padding: 90px 7%;
}

.project-description-content {
    max-width: 850px;
    margin: 0 auto;
}

.project-label {
    display: block;
    margin-bottom: 25px;

    color: var(--gold-light);

    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 400;

    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.project-description h2 {
    margin: 0 0 35px;

    color: #ffffff;

    font-family: "Playfair Display", Georgia, serif;
    font-size: 68px;
    font-weight: 400;

    line-height: 0.95;
    letter-spacing: -0.02em;
}

.project-description h2 em {
    color: var(--gold-light);

    font-family: "Playfair Display", Georgia, serif;
    font-style: italic;
    font-weight: 500;
}

.project-description p {
    max-width: 760px;

    margin: 0 0 20px;

    color: rgba(255, 255, 255, 0.85);

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;

    line-height: 1.9;
}

.project-description p:last-child {
    margin-bottom: 0;
}

.project-description .section-label {
    color: var(--gold-light) !important;
}

/* ========================================
   CELULAR
======================================== */

@media (max-width: 800px) {

    .project-description {
        padding: 65px 28px;
    }

    .project-label {
        font-size: 10px;
        letter-spacing: 0.20em;
    }

    .project-description h2 {
        font-size: 48px;
        line-height: 0.98;
    }

    .project-description p {
        font-size: 14px;
        line-height: 1.8;
    }
}

/* Separación entre secciones */
.project-description {
    margin-bottom: 70px;
}

footer {
    margin-top: 60px;
}

/* ========================================
   TARJETA SAVIA CON IMAGEN
======================================== */

.model-card {
    position: relative;
    overflow: hidden;
    min-height: 465px;
    background: #0f453b;
}

/* Imagen solamente en el lado derecho */
.model-bg-image {
    position: absolute;
    top: 0;
    right: 0;

    width: 62%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    opacity: 0.65;

    z-index: 1;
}

/* Degradado para integrar la imagen con el verde */
.model-bg-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.60;
    z-index: 1;
}

/* Número 01 */
.model-number {
    position: absolute;
    top: 28px;
    left: 28px;

    color: var(--gold-light);

    font-family: "Playfair Display", Georgia, serif;
    font-size: 24px;
    font-style: italic;

    z-index: 4;
}

/* Contenido */
.model-body {
    position: relative;
    z-index: 3;

    

    padding: 105px 40px 40px;
}

/* Nombre */
.model-body h3 {
    margin-bottom: 28px;
}

/* Línea */
.model-body ul {
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    padding-top: 20px;
}

/* Botón */
.model-price {
    position: absolute;
    right: 40px;
    bottom: 35px;
    z-index: 5;
}


.model-body ul,
.model-body ul li {
    font-weight: 400 !important;
}

.model-feature,
.model-feature span {
    font-weight: 300 !important;
}

.feature-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-light);
    flex-shrink: 0;
}

.feature-icon svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* LOGO SAVIA MÁS GRANDE */
.detail-logo-center {
    position: absolute;
    top: clamp(92px, 13vh, 125px);
    left: 50%;
    transform: translateX(-50%);
    width: clamp(270px, 31vw, 410px);
    height: auto;
    max-height: 310px;
    object-fit: contain;
    z-index: 2;
}

/* TAMAÑO DEL LOGO EN CELULARES */
@media (max-width: 800px) {
    .detail-logo-center {
        top: 88px;
        width: 220px;
        max-height: 220px;
    }
}

/* ========================================
   AJUSTES RESPONSIVE PARA CELULARES - SAVIA
   Evita que el logo se monte sobre las características
======================================== */
@media (max-width: 800px) {
  .detail-hero {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .detail-hero-image {
    min-height: 58vh;
    background-position: center center;
  }

  /* Logo Savia visible en móviles, dentro de la sección verde y sin superponerse */
  .detail-logo-center {
    display: block !important;
    position: static;
    transform: none;
    width: min(210px, 72vw);
    max-width: 100%;
    height: auto;
    max-height: 145px;
    object-fit: contain;
    margin: 20px auto 0;
    align-self: center;
    z-index: 2;
  }

  .detail-hero-copy {
    min-width: 0;
    padding: 54px 24px 30px;
    box-sizing: border-box;
  }

  .detail-hero-copy .back-link {
    position: static;
    display: inline-block;
    margin: 0 0 18px;
    font-size: 10px;
    line-height: 1.5;
  }

  .detail-hero-info {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    box-sizing: border-box;
  }

  .detail-hero-info p {
    max-width: none;
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  .detail-hero-info strong {
    margin-top: 20px;
    font-size: clamp(25px, 7vw, 31px);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  .detail-facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }

  .detail-facts div {
    min-width: 0;
    padding: 22px 24px;
    border-right: 0 !important;
    border-bottom: 1px solid #dfe5e1;
    box-sizing: border-box;
  }

  .detail-facts div:last-child {
    border-bottom: 0;
  }

  .detail-facts strong {
    display: block;
    font-size: clamp(23px, 6.2vw, 30px);
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .model-features {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 24px;
  }
}


/* Eliminar la curva decorativa */
.model-card::after {
    content: none !important;
    display: none !important;
}

/* Línea horizontal limitada al panel verde */
.model-body ul {
    position: relative;
    border-top: none !important;
}

.model-body ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 250px;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
}