:root { --navy: #061321; --navy-2: #0b2138; --navy-3: #102b47; --gold: #f2b84f; --gold-light: #ffd77f; --cream: #f7f3eb; --white: #ffffff; --muted: #b8c3cf; --border: rgba(242, 184, 79, 0.28); --shadow: 0 20px 50px rgba(0,0,0,.28);
} * { box-sizing: border-box; margin: 0; padding: 0;
} html { scroll-behavior: smooth;
} body { font-family: "Inter", sans-serif; background: var(--navy); color: var(--white); line-height: 1.6;
} img { max-width: 100%; display: block;
} a { color: inherit; text-decoration: none;
} .container { width: min(1180px, 92%); margin-inline: auto;
} .site-header { position: sticky; top: 0; z-index: 1000; background: rgba(4, 15, 27, .93); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.06);
} .nav-wrap { min-height: 78px; display: flex; align-items: center; gap: 24px;
} .brand { display: flex; align-items: center; gap: 12px; min-width: 250px;
} .brand-mark { color: var(--gold); font-size: 2.25rem; transform: rotate(18deg);
} .brand strong { display: block; color: var(--gold-light); font-family: "Cormorant Garamond", serif; font-size: 1.35rem; letter-spacing: .06em;
} .brand small { display: block; font-size: .68rem; letter-spacing: .18em; color: var(--white);
} .main-nav { margin-left: auto; display: flex; align-items: center; gap: 22px;
} .main-nav a { font-size: .82rem; font-weight: 600; color: #e7edf4; transition: color .2s ease;
} .main-nav a:hover { color: var(--gold);
} .btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; padding: 14px 21px; min-height: 48px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; border: 1px solid transparent; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
} .btn:hover { transform: translateY(-2px);
} .btn-gold { color: #171108; background: linear-gradient(135deg, var(--gold-light), #d99927); box-shadow: 0 12px 28px rgba(242,184,79,.18);
} .btn-outline { border-color: var(--gold); color: var(--gold-light); background: rgba(8,24,40,.52);
} .btn-full { width: 100%; flex-direction: column; line-height: 1.15;
} .btn-full small { font-size: .66rem; margin-top: 4px;
} .nav-cta { white-space: nowrap; font-size: .78rem;
} .menu-toggle { display: none; margin-left: auto; background: none; border: 0;
} .menu-toggle span { display: block; width: 27px; height: 2px; background: var(--white); margin: 6px 0;
} .hero { position: relative; min-height: 710px; display: grid; align-items: center; background-image: url("assets/lisbet-hero.png"); background-size: cover; background-position: center top; isolation: isolate;
} .hero-overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(1,10,18,.98) 0%, rgba(2,15,29,.89) 35%, rgba(2,15,29,.28) 66%, rgba(1,10,18,.42) 100%), linear-gradient(0deg, rgba(1,10,18,.96) 0%, transparent 45%);
} .hero-grid { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 52px;
} .hero-copy { max-width: 650px; padding-top: 60px;
} .eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .06em; font-weight: 700; margin-bottom: 14px;
} .hero h1,
.section h2 { font-family: "Cormorant Garamond", serif; line-height: .98;
} .hero h1 { font-size: clamp(3.7rem, 7vw, 6.4rem); max-width: 700px;
} .hero h1 span { display: block; color: var(--gold-light);
} .gold-rule { width: 72%; height: 1px; margin: 26px 0; background: linear-gradient(90deg, var(--gold), transparent);
} .hero-text { max-width: 610px; font-size: 1.05rem; color: #f3f6f9;
} .hero-text strong { display: block; margin-top: 5px; color: var(--gold-light);
} .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px;
} .contact-card { align-self: center; justify-self: end; width: min(360px, 100%); margin-top: 85px; padding: 24px; border-radius: 12px; background: rgba(5,21,37,.88); border: 1px solid rgba(255,255,255,.08); box-shadow: var(--shadow);
} .contact-card > a:not(.btn),
.contact-card > p { display: flex; gap: 12px; padding: 10px 0; color: #f4f7fa;
} .contact-card .btn { margin-top: 14px;
} .trust-strip { padding: 22px 0 26px; background: #030b13; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06);
} .trust-strip p { text-align: center; color: var(--gold-light); text-transform: uppercase; font-weight: 700; letter-spacing: .06em; margin-bottom: 14px;
} .trust-logos { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; align-items: center;
} .trust-logos span { min-height: 58px; display: grid; place-items: center; text-align: center; padding: 10px; border-left: 1px solid rgba(255,255,255,.15); font-family: "Cormorant Garamond", serif; font-size: 1.15rem; color: white;
} .trust-logos span:first-child { border-left: none;
} .section { padding: 92px 0;
} .section-heading { max-width: 760px; margin: 0 auto 44px; text-align: center;
} .section h2 { font-size: clamp(2.5rem, 5vw, 4rem); color: var(--cream); margin-bottom: 14px;
} .section-heading > p:last-child { color: var(--muted);
} .cards-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px;
} .service-card { padding: 26px 22px; border-radius: 14px; background: linear-gradient(160deg, var(--navy-2), #071321); border: 1px solid var(--border); box-shadow: 0 14px 34px rgba(0,0,0,.16);
} .icon { font-size: 2.2rem; margin-bottom: 16px;
} .service-card h3 { color: var(--gold); font-size: 1rem; text-transform: uppercase; margin-bottom: 10px;
} .service-card p { color: #eef2f6; font-size: .9rem;
} .about-section { background: #081725;
} .about-grid { display: grid; grid-template-columns: minmax(520px, 1.35fr) minmax(320px, .65fr); gap: 54px; align-items: center;
} .about-image { position: relative; overflow: hidden; border-radius: 24px; width: 100%; min-height: 560px; aspect-ratio: 16 / 10; background: #ffffff; border: 2px solid rgba(242, 184, 79, .55); box-shadow: 0 24px 60px rgba(0,0,0,.38);
} .about-image img { display: block; width: 100%; height: 100%; min-height: 560px; object-fit: contain; object-position: center center; transform: none; background: #ffffff;
} .about-copy p { color: #cbd4dc; margin-bottom: 18px;
} .about-copy .btn { margin-top: 10px;
} .destinations { background: linear-gradient(180deg, #061321, #091a2c);
} .destination-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
} .destination-card { min-height: 390px; position: relative; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); box-shadow: var(--shadow);
} .destination-bg { position: absolute; inset: 0; transition: transform .45s ease; background-size: cover; background-position: center;
} .destination-card:hover .destination-bg { transform: scale(1.06);
} .bg-disney { background-image: linear-gradient(0deg, rgba(1,9,18,.88), transparent 68%), radial-gradient(circle at 50% 32%, rgba(242,184,79,.44), transparent 35%), linear-gradient(135deg, #1a456c, #091a2c);
} .bg-caribbean { background-image: linear-gradient(0deg, rgba(1,9,18,.88), transparent 68%), radial-gradient(circle at 55% 30%, #65c5df 0 18%, transparent 46%), linear-gradient(160deg, #08394f, #0e776f 47%, #d4b16d 48%, #102235 72%);
} .bg-cruise { background-image: linear-gradient(0deg, rgba(1,9,18,.9), transparent 68%), radial-gradient(circle at 65% 15%, rgba(255,255,255,.7), transparent 8%), linear-gradient(145deg, #5c8ba8 0 35%, #cfd9df 36% 48%, #315f7a 49% 56%, #091723 57%);
} .destination-content { position: absolute; inset: auto 0 0; padding: 28px;
} .destination-content h3 { font-family: "Cormorant Garamond", serif; font-size: 2rem; color: var(--gold-light);
} .destination-content p { color: #f2f5f7;
} .opportunity { background: linear-gradient(90deg, #0a1b2c, #102d49);
} .opportunity-grid { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center;
} .opportunity-grid p { max-width: 760px; color: #c9d2da;
} .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
} blockquote { padding: 30px; border-radius: 16px; background: #0b2138; border: 1px solid rgba(242,184,79,.2); font-family: "Cormorant Garamond", serif; font-size: 1.35rem; color: #f5f0e7;
} blockquote cite { display: block; margin-top: 18px; font-family: "Inter", sans-serif; font-size: .82rem; color: var(--gold); font-style: normal;
} .contact-section { background: #071421;
} .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start;
} .contact-links { display: grid; gap: 10px; margin-top: 24px;
} .contact-links a { color: var(--gold-light);
} .contact-form { display: grid; gap: 16px; padding: 28px; border-radius: 16px; background: #0c2238; border: 1px solid rgba(255,255,255,.08); box-shadow: var(--shadow);
} .contact-form label { display: grid; gap: 8px; font-size: .88rem; color: #e8edf2;
} .contact-form input,
.contact-form select,
.contact-form textarea { width: 100%; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: #071624; color: white; padding: 13px 14px; font: inherit;
} .contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus { outline: 1px solid var(--gold);
} .final-cta { padding: 28px 0; background: linear-gradient(90deg, #0a223b, #071421); border-top: 1px solid rgba(242,184,79,.25);
} .final-cta-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 32px; align-items: center;
} .final-cta-grid > div:last-child { text-align: right;
} .final-cta strong,
.final-cta span { display: block;
} .final-cta strong { color: var(--gold-light); text-transform: uppercase;
} .final-cta span { font-size: .88rem; color: #d4dde5;
} .site-footer { padding: 26px 0; background: #02080e; color: #9eabb7; font-size: .8rem;
} .footer-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center;
} .footer-grid > :last-child { text-align: right;
} .footer-grid strong { color: var(--gold-light);
} .whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 999; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: #25d366; color: white; font-size: 1.5rem; box-shadow: 0 14px 35px rgba(0,0,0,.3);
} @media (max-width: 1100px) { .main-nav { gap: 14px; } .main-nav a { font-size: .74rem; } .nav-cta { display: none; } .cards-grid { grid-template-columns: repeat(3, 1fr); }
} @media (max-width: 900px) { .menu-toggle { display: block; } .main-nav { display: none; position: absolute; top: 78px; left: 0; right: 0; padding: 18px 4%; background: #061321; flex-direction: column; align-items: flex-start; border-top: 1px solid rgba(255,255,255,.07); } .main-nav.open { display: flex; } .hero { min-height: auto; padding: 120px 0 70px; background-position: 63% top; } .hero-grid { grid-template-columns: 1fr; } .hero-copy { padding-top: 0; } .contact-card { justify-self: start; margin-top: 0; } .trust-logos { grid-template-columns: repeat(2, 1fr); } .trust-logos span { border-left: none; border-bottom: 1px solid rgba(255,255,255,.1); } .about-grid, .contact-grid, .opportunity-grid { grid-template-columns: 1fr; } .destination-grid, .testimonials-grid { grid-template-columns: 1fr; } .final-cta-grid, .footer-grid { grid-template-columns: 1fr; text-align: center; } .final-cta-grid > div:last-child, .footer-grid > :last-child { text-align: center; }
} @media (max-width: 650px) { .brand { min-width: auto; } .brand strong { font-size: 1.08rem; } .brand small { font-size: .58rem; } .hero h1 { font-size: 3.55rem; } .hero-actions .btn { width: 100%; } .cards-grid { grid-template-columns: 1fr; } .trust-logos { grid-template-columns: 1fr; } .about-image { position: relative; overflow: hidden; border-radius: 18px; width: 100%; aspect-ratio: 3 / 2; min-height: 0; background: #ffffff; box-shadow: var(--shadow);
} .about-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center center; transform: none;
} .section { padding: 70px 0; }
} .header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
#languageSelector{background:#0a1b2c;color:#fff;border:1px solid rgba(242,184,79,.4);border-radius:6px;padding:10px 12px;font:inherit}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.2s ease,transform 7s ease}
.hero-slide.active{opacity:1;transform:scale(1.11)}
.slider-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:9px;z-index:3}
.slider-dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer}
.slider-dot.active{background:var(--gold)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-grid figure{position:relative;min-height:280px;overflow:hidden;border-radius:16px;border:1px solid rgba(242,184,79,.25);box-shadow:var(--shadow)}
.gallery-grid img{width:100%;height:100%;min-height:280px;object-fit:cover;transition:transform .45s ease}
.gallery-grid figure:hover img{transform:scale(1.06)}
.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 16px;background:linear-gradient(transparent,rgba(1,9,18,.9));font-weight:700;color:var(--gold-light)}
.disney-section{background:linear-gradient(180deg,#071421,#0b2238)}
.universal-section{background:radial-gradient(circle at 50% 10%,#153b62,#061321 60%)}
.universal-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}
.universal-logo-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:260px;padding:22px 16px;border-radius:16px;background:rgba(4,15,27,.72);border:1px solid rgba(242,184,79,.25);box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}
.universal-logo-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.universal-logo-card img{width:100%;height:185px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}
.universal-logo-card h3{text-align:center;color:var(--gold-light);font-size:.96rem}
@media(max-width:1100px){.header-actions{margin-left:0}.universal-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.header-actions{margin-left:auto}.main-nav{z-index:20}.gallery-grid{grid-template-columns:repeat(2,1fr)}.universal-logo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.header-actions .nav-cta{display:none}#languageSelector{max-width:145px}.gallery-grid,.universal-logo-grid{grid-template-columns:1fr}.universal-logo-card{min-height:230px}} /* Fondos fotográficos rotativos en toda la página */
.dynamic-section-bg{ position:relative; isolation:isolate; overflow:hidden; background-image:var(--section-bg-image); background-size:cover; background-position:center; background-attachment:scroll; transition:background-image 1.1s ease-in-out;
} .dynamic-section-bg::before{ content:""; position:absolute; inset:0; z-index:-2; background-image:var(--section-bg-image); background-size:cover; background-position:center; transform:scale(1.035); animation:sectionKenBurns 12s ease-in-out infinite alternate; transition:opacity .8s ease;
} .dynamic-section-bg::after{ content:""; position:absolute; inset:0; z-index:-1; background: linear-gradient(180deg,rgba(3,12,22,.78),rgba(3,12,22,.9)), linear-gradient(90deg,rgba(4,17,30,.88),rgba(4,17,30,.58));
} .dynamic-section-bg > .container{ position:relative; z-index:1;
} #servicios.dynamic-section-bg::after{ background:linear-gradient(180deg,rgba(4,15,27,.82),rgba(4,15,27,.94));
} #sobre-mi.dynamic-section-bg::after{ background:linear-gradient(90deg,rgba(4,15,27,.94) 0%,rgba(4,15,27,.78) 55%,rgba(4,15,27,.88) 100%);
} #disney.dynamic-section-bg::after{ background:linear-gradient(180deg,rgba(3,12,22,.72),rgba(3,12,22,.92));
} #universal.dynamic-section-bg::after{ background: radial-gradient(circle at 50% 15%,rgba(23,60,96,.45),transparent 45%), linear-gradient(180deg,rgba(3,12,22,.78),rgba(3,12,22,.94));
} .opportunity.dynamic-section-bg::after{ background:linear-gradient(90deg,rgba(3,12,22,.94),rgba(8,35,59,.76));
} #contacto.dynamic-section-bg::after{ background:linear-gradient(90deg,rgba(3,12,22,.94),rgba(3,12,22,.82));
} .final-cta.dynamic-section-bg::after{ background:linear-gradient(90deg,rgba(4,19,34,.92),rgba(4,19,34,.78));
} .service-card,
.about-copy,
.section-heading,
.universal-logo-card,
.contact-form,
.opportunity-grid{ backdrop-filter:blur(2px);
} @keyframes sectionKenBurns{ from{transform:scale(1.035) translate3d(0,0,0)} to{transform:scale(1.09) translate3d(-1.2%,.8%,0)}
} @media (prefers-reduced-motion:reduce){ .dynamic-section-bg::before{animation:none}
} /* Certificaciones Disney debajo de Universal */
.disney-certifications { position: relative; padding: 76px 0; background: radial-gradient(circle at 50% 0%, rgba(42, 87, 148, .34), transparent 38%), linear-gradient(180deg, #061321 0%, #091a2c 100%); border-top: 1px solid rgba(242, 184, 79, .2); border-bottom: 1px solid rgba(242, 184, 79, .2);
} .disney-certification-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; max-width: 980px; margin: 0 auto;
} .disney-certification-card { display: flex; flex-direction: column; align-items: center; padding: 22px; border-radius: 18px; background: rgba(5, 20, 34, .86); border: 1px solid rgba(242, 184, 79, .3); box-shadow: 0 20px 48px rgba(0, 0, 0, .28);
} .disney-logo-frame { width: 100%; min-height: 235px; display: flex; align-items: center; justify-content: center; padding: 24px; border-radius: 14px; background: #ffffff; overflow: hidden;
} .disney-logo-frame img { display: block; width: 100%; max-width: 520px; max-height: 195px; object-fit: contain;
} .disney-certification-card h3 { margin-top: 18px; color: var(--gold-light); font-size: 1.05rem; text-align: center; text-transform: uppercase; letter-spacing: .04em;
} @media (max-width: 760px) { .disney-certification-grid { grid-template-columns: 1fr; } .disney-logo-frame { min-height: 190px; } .disney-logo-frame img { max-height: 155px; }
} /* Botón funcional de descuentos para clientes */
.discount-service-card { display: flex; flex-direction: column; align-items: stretch;
} .discount-client-button { width: 100%; margin-top: auto; padding: 14px 18px; text-align: center; position: relative; z-index: 5; pointer-events: auto;
} .discount-client-button:hover,
.discount-client-button:focus { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(242, 184, 79, .35);
} .profile-photo{
width:280px;
height:280px;
overflow:hidden;
border-radius:50%;
}
.profile-photo img{
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
background:#fff;
padding:6px;
border-radius:50%;
} /* Ajuste definitivo para mostrar la foto de perfil completa */
@media (max-width: 760px) { .about-image { aspect-ratio: 3 / 2; min-height: 0; } .about-image img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; transform: none; }
} /* Enhanced prominent profile photo */
.profile-photo,
.profile-image,
.profile-avatar,
.hero-profile,
.agent-photo{ width:min(480px,90vw) !important; height:min(480px,90vw) !important; max-width:480px !important; max-height:480px !important; margin:0 auto 24px auto !important;
} .profile-photo img,
.profile-image img,
.profile-avatar img,
.hero-profile img,
.agent-photo img{ width:100% !important; height:100% !important; object-fit:contain !important; object-position:center center !important; transform:none !important; padding:8px !important;
} .hotel-book-btn{
display:block;
margin-top:18px;
text-align:center;
width:100%;
} .about-profile-block { width: 100%;
} .about-contact-details { display: grid; gap: 12px; margin-top: 18px;
} .about-contact-details a { display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 14px 18px; color: #ffffff; text-decoration: none; background: rgba(5, 20, 34, .94); border: 1px solid rgba(242, 184, 79, .35); border-radius: 14px; box-shadow: 0 12px 28px rgba(0,0,0,.22); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
} .about-contact-details a:hover,
.about-contact-details a:focus { transform: translateY(-2px); border-color: var(--gold); box-shadow: 0 16px 34px rgba(242, 184, 79, .18);
} .about-contact-icon { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #071422; background: linear-gradient(135deg, var(--gold-light), var(--gold)); font-size: 1.05rem;
} @media (max-width: 980px) { .about-grid { grid-template-columns: 1fr; } .about-profile-block { max-width: 760px; margin: 0 auto; } .about-image, .about-image img { min-height: 480px; }
} @media (max-width: 640px) { .about-image, .about-image img { min-height: 340px; } .about-contact-details a { font-size: .92rem; overflow-wrap: anywhere; }
} .compensation-btn{
margin-left:16px;
}
@media(max-width:768px){
.compensation-btn{
display:block;
margin:14px 0 0 0;
}
} /* ========================================================= PALETA ACTUALIZADA — AZULES CLAROS Y ROSADO ELEGANTE ========================================================= */
:root { --navy: #2f6f98; --navy-2: #4f91bd; --navy-3: #76add0; --gold: #e86f9c; --gold-light: #f6b4cc; --cream: #f9f5f7; --white: #ffffff; --muted: #e4edf4; --border: rgba(232, 111, 156, 0.38); --shadow: 0 20px 50px rgba(31, 91, 132, .24);
} body { background: linear-gradient(180deg, #3f82ad 0%, #68a5ca 52%, #91bfda 100%);
} .site-header { background: rgba(43, 105, 146, .94); border-bottom: 1px solid rgba(255,255,255,.20);
} .main-nav a { color: #ffffff;
} .main-nav a:hover,
.brand-mark,
.eyebrow { color: var(--gold-light);
} .brand strong,
.hero h1 span,
.hero-text strong { color: #ffd4e3;
} .btn-gold { color: #ffffff; background: linear-gradient(135deg, #f4a9c6, #dc5e8d); box-shadow: 0 12px 28px rgba(220, 94, 141, .28);
} .btn-gold:hover { background: linear-gradient(135deg, #f8bed3, #e56d9a); box-shadow: 0 16px 34px rgba(220, 94, 141, .38);
} .btn-outline { border-color: #f6b4cc; color: #ffffff; background: rgba(67, 137, 181, .62);
} .btn-outline:hover { background: rgba(232, 111, 156, .88); border-color: #ffd0e1;
} .hero-overlay { background: linear-gradient(90deg, rgba(39, 100, 142, .90) 0%, rgba(55, 125, 170, .76) 38%, rgba(91, 159, 198, .30) 68%, rgba(48, 109, 151, .48) 100%), linear-gradient(0deg, rgba(43, 105, 146, .80) 0%, transparent 48%);
} .contact-card,
.service-card,
.opportunity-card,
.about-contact-details a,
.testimonial-card,
.form-card { background: rgba(48, 116, 161, .88); border-color: rgba(246, 180, 204, .38);
} .section-dark,
.services,
.about,
.opportunity,
.certifications,
.testimonials,
.contact { background-color: transparent;
} .gold-rule { background: linear-gradient(90deg, #f6b4cc, transparent);
} .about-image { border-color: rgba(246, 180, 204, .75); box-shadow: 0 24px 60px rgba(39, 99, 141, .34);
} .about-contact-details a:hover,
.about-contact-details a:focus { border-color: #f6b4cc; box-shadow: 0 16px 34px rgba(232, 111, 156, .26);
} .about-contact-icon { color: #ffffff; background: linear-gradient(135deg, #f6b4cc, #dc5e8d);
} input,
textarea,
select { background: rgba(255,255,255,.94); color: #245f88; border-color: rgba(255,255,255,.58);
} footer,
.site-footer { background: #2a6b96; border-top-color: rgba(246,180,204,.32);
} @media (max-width: 900px) { .main-nav { background: rgba(47, 111, 152, .98); }
}