/* Página adicional: utiliza la paleta y los componentes existentes. */
html { color-scheme: only light; }
body, .header, .nav { background: #fff !important; }
.nav a, .menu-btn { color: #12385F !important; }
.nav a:hover, .nav a[aria-current] { color: #A47726 !important; }
.nav .nav-cta, .btn-primary { background: #D7A648 !important; color: #fff !important; }
.nav .nav-cta:hover, .btn-primary:hover { background: #C7973C !important; }
.btn-secondary { color: #12385F !important; background: #fff !important; border-color: #12385F !important; }
.j-hero { background: #fff; padding: clamp(55px, 7vw, 100px) 0; }
.j-hero-grid { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: clamp(28px, 5vw, 75px); align-items: center; }
.j-hero h1, .j-scenes h2, .j-request h2 { color: #12385F; font-family: Georgia, serif; font-size: clamp(40px, 4.7vw, 70px); font-weight: 500; line-height: 1.08; letter-spacing: -.035em; margin: 14px 0 24px; }
.j-hero h1 span, .j-scenes h2 span, .j-request h2 span { color: #D7A648; }
.j-hero-copy > p, .j-scenes p, .j-request-copy p { font-size: clamp(16px, 1.35vw, 19px); line-height: 1.8; max-width: 650px; }
.j-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
.j-actions .btn { padding: 14px 24px; }
.j-hero .j-small { font-size: 13px; color: #4b6179; margin-top: 22px; }
.j-hero-photo, .j-scenes figure { margin: 0; }
.j-hero-photo img, .j-scenes img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; border-radius: 28px; box-shadow: var(--shadow-soft); }
.j-hero figcaption, .j-scenes figcaption { color: #536779; font-size: 12px; margin-top: 10px; line-height: 1.5; }
.j-intro { background: #F8F8F0; }
.j-intro .section-heading { max-width: 780px; }
.j-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; }
.j-step { background: #fff; border: 1px solid rgba(18,56,95,.12); border-radius: 24px; padding: clamp(22px, 2.7vw, 36px); box-shadow: var(--shadow-soft); }
.j-step span { display: inline-block; color: #B88A32; font-size: 13px; font-weight: 800; letter-spacing: .13em; margin-bottom: 25px; }
.j-step h3 { color: #12385F; font-family: Georgia, serif; font-size: 27px; font-weight: 500; margin-bottom: 12px; }
.j-step p { color: #344f6a; line-height: 1.75; }
.j-disclaimer { color: #536779; font-size: 13px; margin-top: 22px; }
.j-scenes { background: #fff; }
.j-scenes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 5vw, 70px); align-items: center; }
.j-scenes h2, .j-request h2 { font-size: clamp(38px, 4vw, 60px); }
.j-scenes ul { padding-left: 20px; margin: 20px 0 28px; color: #12385F; line-height: 1.85; }
.j-scenes li { padding-left: 5px; }
.j-request { background: #F8F8F0; }
.j-request-grid { display: grid; grid-template-columns: minmax(0,.77fr) minmax(0,1.23fr); gap: clamp(30px, 5vw, 70px); align-items: start; }
.j-request-copy a { color: #A47726; text-decoration: underline; text-underline-offset: 4px; }
.j-form { background: #fff; }
.j-form .form-header h3 { color: #12385F; }
.j-form .form-group { margin-bottom: 15px; }
.j-form .form-row { gap: 15px; }
.j-form input, .j-form textarea { width: 100%; }
.j-form .form-button { width: 100%; }
.j-form .request-result { overflow-wrap: anywhere; }
@media (max-width: 1000px) { .j-hero-grid, .j-scenes-grid, .j-request-grid { grid-template-columns: 1fr; } .j-hero-photo img { max-height: 550px; } .j-steps { grid-template-columns: 1fr 1fr; } .js .nav { background: #fff !important; } }
@media (max-width: 650px) { .j-hero { padding-block: 40px 55px; } .j-steps { grid-template-columns: 1fr; } .j-scenes-grid figure { order: -1; } .j-form { padding: 24px; } .j-form .form-row { grid-template-columns: 1fr; } .j-actions .btn { width: 100%; justify-content: center; text-align: center; } }