:root{--ink:#112437; --ink-soft:#2b3e50; --green:#18736b; --green-dark:#0e5550; --red:#9d263a; --saffron:#f3a21b; --sky:#1e78a6; --cream:#fff8ea; --paper:#f7faf7; --line:#dce5df; --muted:#667480; --white:#ffffff; --shadow:0 22px 54px rgba(17,36,55,0.13); --radius:8px; --container:1180px} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6} img{display:block; max-width:100%} a{color:inherit; text-decoration:none} button,input,select,textarea{font:inherit} .skip-link{position:absolute; left:1rem; top:-4rem; z-index:40; padding:0.75rem 1rem; color:var(--white); background:var(--ink); border-radius:var(--radius)} .skip-link:focus{top:1rem} .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0} .container{width:min(var(--container),calc(100% - 36px)); margin:0 auto} .site-header{position:sticky; top:0; z-index:30; background:rgba(247,250,247,0.94); border-bottom:1px solid rgba(220,229,223,0.84); backdrop-filter:blur(18px); transition:box-shadow 180ms ease,background 180ms ease} .site-header.is-scrolled{background:rgba(255,255,255,0.97); box-shadow:0 10px 26px rgba(17,36,55,0.08)} .nav-shell{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; width:min(1280px,calc(100% - 28px)); min-height:78px; margin:0 auto} .brand img{width:225px} .nav-links{display:flex; align-items:center; gap:0.78rem; color:var(--ink-soft); font-size:0.91rem; font-weight:800} .nav-links a{position:relative; padding:0.45rem 0.05rem} .nav-services{position:relative} .nav-services summary{position:relative; padding:0.45rem 1.15rem 0.45rem 0.05rem; cursor:pointer; list-style:none} .nav-services summary::-webkit-details-marker{display:none} .nav-services summary::before{position:absolute; top:50%; right:0; content:"+"; color:var(--red); transform:translateY(-50%)} .nav-services[open] summary::before{content:"–"} .nav-services summary.is-active{color:var(--green-dark)} .nav-services-menu{position:absolute; top:calc(100% + 0.8rem); left:50%; z-index:36; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:430px; padding:0.8rem; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); transform:translateX(-50%)} .nav-services-menu.nav-menu-compact{grid-template-columns:1fr; width:310px} .nav-services-menu a{padding:0.75rem; border-radius:6px} .nav-services-menu a:hover,.nav-services-menu a.is-active{background:var(--paper)} .nav-links a::after{position:absolute; left:0; right:0; bottom:0.1rem; height:2px; content:""; background:var(--saffron); transform:scaleX(0); transform-origin:left; transition:transform 180ms ease} .nav-links a:hover::after,.nav-links a.is-active::after{transform:scaleX(1)} .nav-links .nav-cta{min-height:42px; padding:0.62rem 0.95rem; color:var(--white); background:var(--green-dark); border-radius:var(--radius); box-shadow:0 10px 20px rgba(24,115,107,0.22)} .nav-links .nav-cta::after{display:none} .nav-toggle{display:none; width:44px; height:44px; align-items:center; justify-content:center; flex-direction:column; gap:5px; color:var(--ink); background:var(--white); border:1px solid var(--line); border-radius:var(--radius); cursor:pointer} .nav-toggle-line{width:21px; height:2px; background:currentColor} .hero{position:relative; overflow:hidden; color:var(--white); background:linear-gradient(115deg,rgba(17,36,55,0.98),rgba(14,85,80,0.9),rgba(157,38,58,0.82)),var(--ink)} .home-hero{min-height:calc(100svh - 116px)} .inner-hero{min-height:560px} .hero-orbit{position:absolute; inset:auto -120px -220px auto; width:520px; height:520px; border:54px solid rgba(243,162,27,0.18); border-radius:50%} .hero-orbit::after{position:absolute; inset:72px; content:""; border:34px solid rgba(255,255,255,0.09); border-radius:50%} .hero-content{position:relative; display:grid; align-content:center; min-height:inherit; max-width:930px; padding:clamp(3rem,5vw,4.8rem) 0} .eyebrow,.section-kicker{margin:0 0 0.9rem; color:var(--saffron); font-size:0.76rem; font-weight:900; letter-spacing:0.14em; text-transform:uppercase} .hero h1,.intro-grid h2,.section-heading h2,.content-block h2,.final-cta h2,.whatsapp-dialog h2{margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:700; line-height:1.05} .hero h1{max-width:930px; font-size:clamp(2.65rem,5vw,5rem); line-height:1} .inner-hero h1{font-size:clamp(2.5rem,4.8vw,5rem)} .hero-subtitle{max-width:790px; margin:1.2rem 0 0; color:rgba(255,255,255,0.83); font-size:clamp(1.04rem,2vw,1.24rem)} .hero-copy{max-width:920px; margin-top:1.4rem} .hero-copy p{color:rgba(255,255,255,0.82); font-size:clamp(1.03rem,2vw,1.22rem)} .hero-copy strong{color:var(--white)} .hero-actions,.final-actions{display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:1.7rem} .button{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0.82rem 1.05rem; border:1px solid transparent; border-radius:var(--radius); font-weight:900; line-height:1.15; cursor:pointer; transition:transform 180ms ease,background 180ms ease,border-color 180ms ease} .button:hover{transform:translateY(-2px)} .button-primary{color:var(--ink); background:var(--saffron)} .button-secondary{color:var(--white); background:var(--green)} .button-ghost{color:var(--white); background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.42)} .section{padding:clamp(4rem,7vw,7rem) 0} .page-section-inner{display:grid; gap:clamp(1.5rem,3vw,2.5rem)} .page-section .section-heading{max-width:940px} .prose{color:var(--ink-soft); font-size:1.03rem} .prose-lead{max-width:980px} .prose p,.prose ul,.prose ol{margin:0} .prose p + p,.prose p + ul,.prose p + ol,.prose ul + p,.prose ol + p{margin-top:1rem} .prose ul,.prose ol{padding-left:1.35rem} .prose li + li{margin-top:0.55rem} .prose a{color:var(--green-dark); font-weight:800; text-decoration:underline; text-decoration-color:rgba(24,115,107,0.3); text-underline-offset:0.2em} .detail-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem} .detail-card{padding:clamp(1.25rem,2.5vw,1.75rem); background:var(--white); border:1px solid var(--line); border-top:5px solid var(--green); border-radius:var(--radius); box-shadow:var(--shadow)} .detail-card:nth-child(2n){border-top-color:var(--red)} .detail-card:nth-child(3n){border-top-color:var(--saffron)} .detail-card h3{font-size:clamp(1.2rem,2vw,1.5rem)} .detail-card .prose{color:var(--muted)} .destination-note{margin:0.9rem 0 0; color:rgba(255,255,255,0.72); font-size:0.9rem} .intro-section{background:var(--white); border-bottom:1px solid var(--line)} .intro-grid{display:grid; grid-template-columns:0.45fr 1.2fr 0.8fr; gap:2rem; align-items:start} .intro-grid h2,.section-heading h2{font-size:clamp(2rem,4vw,4rem)} .intro-grid p:last-child,.section-heading p{margin:1rem 0 0; color:var(--muted); font-size:1.04rem} .card-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem} .strategy-card,.content-block,.faq-item{border:1px solid var(--line); border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow)} .strategy-card{min-height:220px; padding:1.35rem; border-top:5px solid var(--green)} .strategy-card:nth-child(2n){border-top-color:var(--red)} .strategy-card:nth-child(3n){border-top-color:var(--saffron)} h3{margin:0 0 0.55rem; color:var(--ink); font-size:1.18rem; line-height:1.25} .strategy-card p,.content-block p,.faq-item p,.related-links strong{margin:0; color:var(--muted)} .muted-section{background:#eef5f1} .content-stack{display:grid; gap:1rem} .content-block{display:grid; grid-template-columns:92px 1fr; gap:1.5rem; padding:1.5rem} .content-block span{color:var(--red); font-family:Georgia,"Times New Roman",serif; font-size:2rem; font-weight:700} .content-block h2{margin-bottom:0.75rem; font-size:clamp(1.6rem,3vw,2.65rem)} .content-block p + p{margin-top:0.8rem} .related-section{background:var(--white)} .related-layout,.faq-layout{display:grid; grid-template-columns:0.82fr 1.18fr; gap:clamp(2rem,5vw,5rem); align-items:start} .related-links{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem} .related-links a{display:grid; gap:0.35rem; min-height:150px; padding:1.2rem; background:var(--paper); border:1px solid var(--line); border-left:5px solid var(--green); border-radius:var(--radius)} .related-links a:nth-child(2n){border-left-color:var(--red)} .related-links span{color:var(--saffron); font-size:0.78rem; font-weight:900; letter-spacing:0.12em; text-transform:uppercase} .faq-section{background:linear-gradient(180deg,#ffffff 0%,#f7faf7 100%)} .faq-list{display:grid; gap:0.85rem} .faq-item{padding:0; overflow:hidden} .faq-item summary{position:relative; display:grid; align-items:center; min-height:70px; padding:1.15rem 3.2rem 1.15rem 1.25rem; color:var(--ink); font-size:1.05rem; font-weight:900; line-height:1.25; cursor:pointer; list-style:none} .faq-item summary::-webkit-details-marker{display:none} .faq-item summary::after{position:absolute; top:50%; right:1.25rem; width:26px; height:26px; display:grid; place-items:center; content:"+"; color:var(--white); background:var(--green); border-radius:50%; transform:translateY(-50%)} .faq-item[open]{border-left:5px solid var(--red)} .faq-item[open] summary::after{content:"-"; background:var(--red)} .faq-item p{padding:0 1.25rem 1.3rem; font-size:1rem} .faq-answer ul,.faq-answer ol{margin:0 1.25rem 1.3rem; padding-left:1.25rem; color:var(--muted)} .final-cta{padding:clamp(4rem,7vw,6rem) 0; color:var(--white); background:linear-gradient(100deg,rgba(157,38,58,0.95),rgba(17,36,55,0.96)),var(--red)} .final-cta-inner{max-width:900px} .final-cta h2{font-size:clamp(2rem,4.2vw,4.1rem)} .final-cta p{max-width:760px; margin:1rem 0 0; color:rgba(255,255,255,0.78)} .final-cta .prose,.final-cta .prose a,.final-cta .prose strong{color:inherit} .site-footer{padding:2.6rem 0; background:var(--white); border-top:1px solid var(--line)} .footer-grid{display:grid; grid-template-columns:minmax(260px,1.25fr) repeat(4,minmax(130px,0.7fr)); gap:clamp(1.5rem,3vw,2.5rem); align-items:start} .footer-logo{width:210px; margin-bottom:0.9rem} .site-footer p{max-width:520px; margin:0; color:var(--muted)} .footer-links{display:grid; align-content:start; gap:0.58rem; color:var(--green-dark); font-weight:800} .footer-group h2{margin:0 0 0.85rem; color:var(--ink); font-size:0.78rem; letter-spacing:0.12em; text-transform:uppercase} .footer-group a{line-height:1.35} .authority-page .prose-lead{max-width:1000px} .authority-page .prose h3{margin:1.8rem 0 0.55rem; font-size:clamp(1.25rem,2.3vw,1.65rem)} .authority-page .prose blockquote{margin:1.4rem 0; padding:1.1rem 1.3rem; color:var(--ink); background:var(--cream); border-left:5px solid var(--saffron); border-radius:var(--radius); font-family:Georgia,"Times New Roman",serif; font-size:1.16rem} .authority-page .prose blockquote p{margin:0} .whatsapp-float{position:fixed; right:18px; bottom:20px; z-index:35; display:grid; place-items:center; width:58px; height:58px; color:var(--white); background:#1fa855; border:0; border-radius:50%; box-shadow:0 14px 30px rgba(31,168,85,0.35); cursor:pointer} .whatsapp-float span{font-size:0.82rem; font-weight:900} .whatsapp-modal{position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:1rem; background:rgba(17,36,55,0.58)} .whatsapp-modal[hidden]{display:none} .whatsapp-dialog{position:relative; width:min(520px,100%); padding:1.4rem; background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow)} .whatsapp-dialog h2{font-size:clamp(1.7rem,4vw,2.6rem)} .modal-close{position:absolute; top:0.85rem; right:0.85rem; display:grid; place-items:center; width:34px; height:34px; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:50%; cursor:pointer} .whatsapp-dialog form{display:grid; gap:0.85rem; margin-top:1.1rem} .whatsapp-dialog label{display:grid; gap:0.35rem; color:var(--ink); font-weight:800} .whatsapp-dialog input,.whatsapp-dialog select,.whatsapp-dialog textarea{width:100%; padding:0.8rem 0.85rem; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:var(--radius)} .hp-field{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden} .breadcrumb{margin:0 0 1.5rem; color:var(--muted); font-size:0.88rem; font-weight:750} .breadcrumb ol{display:flex; flex-wrap:wrap; gap:0.45rem; margin:0; padding:0; list-style:none} .breadcrumb li + li::before{margin-right:0.45rem; color:var(--saffron); content:"/"} .breadcrumb a{color:var(--green-dark); text-decoration:underline; text-underline-offset:0.2em} .breadcrumb-hero{margin-bottom:1.1rem; color:rgba(255,255,255,0.72)} .breadcrumb-hero a{color:var(--white)} .insights-hero .hero-content{max-width:var(--container)} .insights-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem} .insight-card{display:flex; min-width:0; flex-direction:column; overflow:hidden; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow)} .insight-card-image{display:block; overflow:hidden; background:var(--ink); aspect-ratio:1200 / 630} .insight-card-image img{width:100%; height:100%; object-fit:cover; transition:transform 220ms ease} .insight-card:hover .insight-card-image img{transform:scale(1.025)} .insight-card-body{display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:1.25rem} .insight-card-body .section-kicker{color:var(--red)} .insight-card-body h2{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,2.1vw,1.8rem); line-height:1.14} .insight-card-body>p:not(.section-kicker){color:var(--muted)} .insight-card-body .article-meta{margin-top:auto; padding-top:1rem} .text-link{display:inline-flex; margin-top:1rem; color:var(--green-dark); font-weight:900; text-decoration:underline; text-decoration-color:rgba(24,115,107,0.28); text-underline-offset:0.2em} .article-page{padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,8vw,7rem); background:var(--white)} .article-shell{max-width:1180px} .article-header{max-width:980px} .article-header h1{margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.5rem,5.4vw,5rem); line-height:1.01} .article-deck{max-width:850px; margin:1.25rem 0 0; color:var(--ink-soft); font-size:clamp(1.08rem,2.1vw,1.3rem)} .article-meta{display:flex; flex-wrap:wrap; gap:0.35rem 1rem; margin-top:1rem; color:var(--muted); font-size:0.88rem} .article-meta span + span::before{margin-right:1rem; color:var(--saffron); content:"•"} .article-feature{margin:clamp(2rem,5vw,3.5rem) 0; overflow:hidden; background:var(--ink); border-radius:var(--radius); box-shadow:var(--shadow)} .article-feature img{width:100%; height:auto; aspect-ratio:1200 / 630; object-fit:cover} .article-layout{display:grid; grid-template-columns:minmax(0,780px) minmax(250px,320px); gap:clamp(2.5rem,6vw,5rem); align-items:start; min-width:0} .article-content{min-width:0; font-size:1.08rem; line-height:1.78} .article-content h2,.article-content h3{color:var(--ink); font-family:Georgia,"Times New Roman",serif; line-height:1.14} .article-content h2{margin:3.2rem 0 1rem; padding-top:0.35rem; font-size:clamp(1.75rem,3.5vw,2.65rem); border-top:1px solid var(--line)} .article-content h3{margin:2rem 0 0.75rem; font-size:clamp(1.3rem,2.5vw,1.75rem)} .article-content h2:first-child{margin-top:0} .article-content p + h2,.article-content ul + h2,.article-content ol + h2,.article-content .article-table-wrap + h2{margin-top:3.2rem} .article-content h2 + p,.article-content h3 + p,.article-content h3 + ul,.article-content h3 + ol{margin-top:0} .article-content blockquote{margin:1.6rem 0; padding:1.2rem 1.4rem; color:var(--ink); background:var(--cream); border-left:5px solid var(--saffron); border-radius:var(--radius); font-family:Georgia,"Times New Roman",serif; font-size:1.18rem} .article-content blockquote p{margin:0} .article-table-wrap{width:100%; max-width:100%; margin:1.5rem 0; overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius)} .article-table-wrap table{width:100%; min-width:620px; border-collapse:collapse; background:var(--white)} .article-table-wrap th,.article-table-wrap td{padding:0.9rem 1rem; text-align:left; vertical-align:top; border-bottom:1px solid var(--line)} .article-table-wrap th{color:var(--white); background:var(--green-dark)} .article-table-wrap tr:last-child td{border-bottom:0} .article-aside{position:sticky; top:105px; display:grid; gap:1rem; min-width:0} .article-aside-card{display:grid; gap:0.75rem; padding:1.25rem; background:var(--paper); border:1px solid var(--line); border-top:5px solid var(--green); border-radius:var(--radius)} .article-aside-card:nth-child(2){border-top-color:var(--red)} .article-aside-card .section-kicker,.article-aside-card h2,.article-aside-card p{margin:0} .article-aside-card h2{font-family:Georgia,"Times New Roman",serif; font-size:1.65rem; line-height:1.1} .article-aside-card p{color:var(--muted); font-size:0.94rem} .article-aside-card a{color:var(--green-dark); font-weight:850; text-decoration:underline; text-underline-offset:0.2em} .article-cta .button-secondary{border-color:rgba(255,255,255,0.35)} .related-insights .related-links span{color:var(--muted); font-size:0.94rem; font-weight:500; letter-spacing:0; line-height:1.5; text-transform:none} .insights-all-link{margin:0} .article-checklist{display:grid; gap:0.55rem; padding-left:0 !important; list-style:none} .article-checklist li{display:grid; grid-template-columns:1.35rem 1fr; gap:0.45rem; align-items:start} .article-checklist .check-box{color:var(--green-dark); font-weight:900} .article-context-links{margin-top:2.5rem !important; padding:1.2rem 1.35rem; background:var(--cream); border-left:5px solid var(--saffron); border-radius:var(--radius)} .reveal{opacity:0; transform:translateY(16px); transition:opacity 520ms ease,transform 520ms ease} .reveal.is-visible{opacity:1; transform:translateY(0)} @media (max-width:1120px){.nav-toggle{display:flex} .nav-links{position:absolute; top:78px; left:14px; right:14px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:0.8rem; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow)} .nav-links.is-open{display:flex} .nav-links a{padding:0.85rem 0.8rem} .nav-services summary{padding:0.85rem 0.8rem} .nav-services-menu{position:static; width:auto; grid-template-columns:1fr; margin:0 0 0.5rem 0.65rem; padding:0.35rem; background:var(--paper); border:0; box-shadow:none; transform:none} .nav-services-menu a{padding:0.65rem 0.75rem} .nav-links .nav-cta{margin-top:0.35rem; text-align:center} .intro-grid,.related-layout,.faq-layout{grid-template-columns:1fr} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .footer-brand{grid-column:1 / -1} .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .detail-grid{grid-template-columns:1fr} .insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .article-layout{grid-template-columns:1fr} .article-aside{position:static; grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.container{width:min(100% - 28px,var(--container))} .nav-shell{min-height:70px} .brand img{width:178px} .nav-links{top:70px} .home-hero,.inner-hero{min-height:auto} .hero-content{padding:3.4rem 0 3rem} .hero h1,.inner-hero h1{font-size:clamp(2.35rem,11vw,3.05rem)} .hero-actions,.final-actions{flex-direction:column} .footer-grid{grid-template-columns:1fr} .footer-brand{grid-column:auto} .button{width:100%} .card-grid,.related-links,.insights-grid,.article-aside{grid-template-columns:1fr} .article-header h1{font-size:clamp(2.3rem,11vw,3.25rem)} .article-content{font-size:1.02rem} .article-meta{display:grid; gap:0.25rem} .article-meta span + span::before{display:none} .strategy-card,.related-links a{min-height:auto} .content-block{grid-template-columns:1fr; gap:0.65rem; padding:1.25rem} .content-block span{font-size:1.55rem} .faq-item summary{min-height:64px; padding:1rem 3rem 1rem 1rem; font-size:1rem} .whatsapp-float{width:54px; height:54px; right:14px; bottom:16px}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important} .reveal{opacity:1; transform:none}} .hero-copy.prose{color:rgba(255,255,255,.82)} .hero-copy.prose li{color:inherit} .whatsapp-dialog{max-height:calc(100vh - 2rem); max-height:calc(100dvh - 2rem); overflow-y:auto} .article-quick-answer{margin:1.7rem 0 1.1rem; padding:1.2rem 1.35rem; background:var(--cream); border-left:5px solid var(--saffron); border-radius:var(--radius)} .article-quick-answer h2,.article-content #quick-answer{margin:0 0 .45rem; font-size:1.3rem} .article-quick-answer p{margin:0} .article-toc{margin:1rem 0 2rem; border:1px solid rgba(16,72,72,.18); border-radius:var(--radius); background:#fff} .article-toc summary{cursor:pointer; font-weight:800; padding:.9rem 1.15rem; color:var(--green-dark)} .article-toc ul{columns:2; column-gap:1.5rem; margin:0; padding:0 1.15rem 1.1rem 2.5rem} .article-toc li{break-inside:avoid; margin:0 0 .4rem} .article-toc a{overflow-wrap:anywhere} .article-content h2[id]{scroll-margin-top:9rem} #social-media-content{scroll-margin-top:9rem} .article-table-wrap{max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch} .article-table-wrap table{min-width:600px} .footer-subhead{margin:.7rem 0 .1rem !important; color:var(--ink) !important; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase} @media (max-width:640px){.article-toc ul{columns:1} .article-quick-answer{padding:1rem} .article-content h2[id]{scroll-margin-top:9rem}} .article-aside-card h2 a{color:inherit; text-decoration-thickness:.06em}