/* International Dental Marbella — independent, photo-led, responsive design.
   White / cool-grey / deep blue palette matched to the existing clinic identity.
   All styles are original CSS. No commercial template, fonts or external CSS. */
:root{--blue:#1c5885;--blue2:#267db3;--navy:#163e5b;--text:#273b4b;--muted:#5b6e7c;--ice:#eef6fa;--pale:#f7fafc;--line:#e2e9ed;--white:#fff;--shadow:0 16px 45px rgba(20,65,95,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:16px/1.72 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--blue)}a:hover{color:var(--blue2)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;color:var(--navy)}h1{font-size:clamp(2.5rem,4.8vw,4.8rem);font-weight:760;letter-spacing:-.045em}h2{font-size:clamp(1.85rem,3.3vw,3rem);font-weight:740;letter-spacing:-.035em}h3{font-size:1.26rem;letter-spacing:-.016em}p{margin-bottom:1.2em}.container{width:min(1180px,calc(100% - 60px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:14px;z-index:99;padding:10px 15px;background:white}.skip-link:focus{top:14px}.site-header{background:white;position:sticky;z-index:40;top:0;box-shadow:0 2px 16px rgba(11,44,66,.07);border-bottom:1px solid #eff2f5}.nav-bar{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none;color:var(--navy)!important}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--blue);color:white;font-size:1.3rem;border-radius:50%}.brand-name{font-weight:780;font-size:1.09rem;line-height:1.15;letter-spacing:-.03em}.brand-subtitle{display:block;font-size:.66rem;color:var(--blue);font-weight:820;letter-spacing:.32em;margin-top:4px}.nav-right{display:flex;align-items:center;gap:25px}.primary-nav{display:flex;align-items:center;gap:30px}.primary-nav a,.language-switch a{text-decoration:none;font-size:.94rem;font-weight:620;color:var(--text)}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--blue)}.nav-dropdown{position:relative}.nav-dropdown>a{display:inline-block;padding:27px 0}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:-20px;background:#fff;min-width:210px;padding:13px 0;box-shadow:0 15px 35px rgba(15,51,74,.13);border:1px solid var(--line);z-index:45}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{padding:7px 18px;white-space:nowrap}.language-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;border-left:1px solid var(--line);padding-left:17px}.language-switch a[aria-current=page]{font-weight:850;color:var(--blue);text-decoration:underline;text-underline-offset:5px}.lang-slash{opacity:.4}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid transparent;line-height:1.25;padding:13px 24px;font-size:.94rem;font-weight:720;transition:.2s background,.2s transform,.2s color;min-height:48px}.nav-cta:hover,.button:hover{transform:translateY(-1px)}.nav-cta,.button.primary{background:var(--blue);color:#fff!important}.nav-cta:hover,.button.primary:hover{background:#12496f}.button.outline{border-color:var(--blue);color:var(--blue);background:#fff}.button.outline:hover{background:var(--ice)}.button.light{color:var(--blue);background:white}.menu-button{display:none;cursor:pointer;background:#fff;border:1px solid var(--line);padding:5px 12px;font-size:1.4rem;border-radius:3px}

/* Subtle brightening / whitening for page photography to match the requested cleaner look */
.why-photo img,.service-card-picture img,.clinic-gallery img,.page-hero-photo img,.mini-service-image img,.treatment-image img,.article-aside>img,.related-photo img,.staff-portrait img,.contact-photo>img{filter:brightness(1.06) contrast(1.02) saturate(.95)}
.home-hero-photo{filter:brightness(1.04) contrast(1.02) saturate(.95)}

/* Hero with the clinic's original instruments photograph, as on original home */
.home-hero{height:min(650px,76vw);min-height:510px;background:linear-gradient(120deg,#54636e,#a3b3bc);position:relative;color:white;overflow:hidden}.home-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,48,.73) 0%,rgba(10,31,48,.50) 45%,rgba(10,31,48,.09) 100%)}.home-hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 0}.home-hero h1{max-width:690px;color:white;margin:6px 0 18px;font-size:clamp(2.7rem,5.5vw,5.6rem)}.home-hero p:not(.home-eyebrow){font-size:1.2rem;max-width:610px;margin-bottom:18px;color:#f4f9fc}.home-eyebrow,.section-kicker{font-size:.81rem;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.home-hero .button{background:#fff;color:var(--blue)!important}.home-hero .button:hover{background:var(--ice)}
.quickfacts{background:var(--navy);color:white}.quickfacts-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:33px 0;gap:25px}.quickfacts-grid>div{border-right:1px solid rgba(255,255,255,.25);padding:5px 25px}.quickfacts-grid>div:first-child{padding-left:0}.quickfacts-grid>div:last-child{border:0}.quickfacts-grid strong{display:block;font-size:1.16rem;color:#fff}.quickfacts-grid p{color:#dce7ef;line-height:1.5;font-size:.93rem;margin:5px 0 0}
.section{padding:84px 0}.why-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.why-copy{max-width:660px}.why-copy .section-kicker{color:var(--blue)}.why-copy h2{max-width:580px}.why-copy p{color:var(--muted)}.why-photo{background:var(--ice);min-height:400px;overflow:hidden}.why-photo img{width:100%;height:470px;object-fit:cover}.text-link{text-decoration:none;color:var(--blue);font-size:.96rem;font-weight:780}.text-link:hover{text-decoration:underline}.services-section,.services-details{background:var(--pale)}.section-heading{max-width:780px;margin-bottom:38px}.section-heading h2{margin-bottom:12px}.section-heading p{color:var(--muted);font-size:1.08rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:white;box-shadow:0 5px 24px rgba(8,52,83,.07);border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.service-card-picture{height:235px;display:block;background:linear-gradient(135deg,#d4e4ef,#89b1cc);overflow:hidden}.service-card-picture img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.service-card:hover .service-card-picture img{transform:scale(1.035)}.service-card-body{padding:26px 25px 29px;flex:1;display:flex;flex-direction:column}.service-card h3{margin-bottom:12px}.service-card p{color:var(--muted);font-size:.96rem;flex:1}.section-button{text-align:center;margin-top:37px}.gallery-section{padding:75px 0 95px;background:#fff}.clinic-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.clinic-gallery>div{aspect-ratio:1;background:#c9d9e4;overflow:hidden}.clinic-gallery>div:first-child{grid-column:span 2;grid-row:span 2}.clinic-gallery img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.clinic-gallery img:hover{transform:scale(1.04)}.cta-section{padding:65px 0;background:var(--navy);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-section h2{color:white;margin:0 0 13px}.cta-section p{color:#d7e5ef;margin:0;max-width:720px}.cta-section .button{white-space:nowrap}
/* Secondary-page header shows a photo on EVERY English and Spanish page */
.page-hero{background:#f1f6f9;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero-inner{display:grid;grid-template-columns:1fr .9fr;align-items:center;min-height:350px;gap:42px}.page-hero-copy{padding:58px 0}.page-hero h1{font-size:clamp(2.5rem,4.3vw,4.5rem);margin:0 0 22px}.page-hero .lead{font-size:1.15rem;max-width:670px;color:var(--muted)}.breadcrumbs{font-size:.86rem;margin-bottom:21px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs span{padding:0 6px}.page-hero-photo{height:350px;align-self:stretch;background:linear-gradient(115deg,#bdd6e6,#6da2c4)}.page-hero-photo img{width:100%;height:100%;object-fit:cover}.cover-image{object-fit:cover}
.mini-services{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.mini-service{display:grid;grid-template-columns:155px 1fr;gap:20px;align-items:center;background:white;border:1px solid var(--line);padding:14px}.mini-service-image{height:145px;background:var(--ice)}.mini-service-image img{width:100%;height:100%;object-fit:cover}.mini-service h3{margin:0 0 9px}.mini-service p{color:var(--muted);font-size:.9rem;line-height:1.6;margin-bottom:7px}.treatment-rows{display:grid;gap:65px}.treatment-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.treatment-row.reverse .treatment-image{order:2}.treatment-image{height:330px;background:var(--ice)}.treatment-image img{width:100%;height:100%;object-fit:cover}.treatment-copy h2{font-size:2rem}.treatment-copy p{color:var(--muted)}.pricing-note{text-align:center;padding:25px 0 0;color:var(--muted)}
.article-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(285px,.7fr);gap:75px;align-items:start}.detail-section{padding-bottom:26px;margin-bottom:33px;border-bottom:1px solid var(--line)}.detail-section:last-child{border:0}.detail-section h2{font-size:1.8rem}.detail-section p{font-size:1.025rem;line-height:1.8;color:var(--muted)}.article-aside{position:sticky;top:108px;background:var(--ice)}.article-aside>img{width:100%;height:350px;object-fit:cover}.article-aside-action{padding:26px}.article-aside-action h3{font-size:1.42rem}.related-section{background:var(--pale)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-photo{display:block;background:white;color:var(--navy);text-decoration:none;border:1px solid var(--line);font-weight:740}.related-photo img{width:100%;height:180px;object-fit:cover;background:#a4bfcf}.related-photo span{display:block;padding:15px 20px}
.staff-list{display:grid;gap:70px}.staff-row{display:grid;grid-template-columns:.77fr 1.23fr;gap:55px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:65px}.staff-row:last-child{border-bottom:0}.staff-row.reverse{grid-template-columns:1.23fr .77fr}.staff-row.reverse .staff-portrait{order:2}.staff-portrait{background:var(--ice);height:470px}.staff-portrait img{width:100%;height:100%;object-fit:cover}.staff-copy h2{font-size:2rem;margin-bottom:7px}.staff-role{text-transform:uppercase;letter-spacing:.1em;color:var(--blue)!important;font-weight:760;font-size:.83rem;margin-bottom:22px}.staff-copy p{color:var(--muted)}.staff-note{font-size:.91rem;background:var(--pale);padding:16px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.contact-grid .contact-details h2{margin-bottom:30px}.contact-line{padding:15px 0;border-bottom:1px solid var(--line)}.contact-line strong{color:var(--navy)}.contact-line p{color:var(--muted);margin:5px 0}.button-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.contact-photo{background:var(--ice);position:relative;min-height:400px}.contact-photo>img{width:100%;height:490px;object-fit:cover}.contact-photo-caption{background:var(--navy);color:#fff;padding:18px 24px;font-weight:700}
.site-footer{background:#0d2d44;color:#d7e6ef}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr 1.1fr;gap:65px;padding:67px 0 47px}.footer-brand{color:#fff;font-size:1.2rem;font-weight:800;line-height:1.15;letter-spacing:-.025em;margin-bottom:20px}.footer-brand span{display:block;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;margin-top:6px}.site-footer h3{font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.08em}.site-footer p,.site-footer li{color:#d7e6ef;font-size:.91rem}.site-footer ul{padding:0;margin:0;list-style:none}.site-footer li{margin:7px 0}.site-footer a{color:#e5f5ff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.22);padding:18px 0 26px;display:flex;justify-content:space-between;gap:30px;font-size:.78rem;color:#b9cfda}a:focus-visible,button:focus-visible{outline:3px solid #f8a84d;outline-offset:3px}
@media(max-width:1080px){.primary-nav{gap:17px}.nav-right{gap:14px}.brand-name{font-size:.95rem}.nav-cta{padding:11px 14px}.why-grid{gap:32px}.page-hero-inner{gap:18px}}
@media(max-width:860px){.nav-bar{min-height:76px;flex-wrap:wrap}.menu-button{display:block;margin-left:auto}.nav-right{display:none;flex-basis:100%;order:3;align-items:flex-start;flex-direction:column;padding-bottom:23px;gap:18px}.nav-right.is-open{display:flex}.primary-nav{align-items:flex-start;flex-direction:column;gap:3px}.nav-dropdown>a{padding:5px 0}.nav-dropdown-menu{position:static;display:grid;border:0;box-shadow:none;padding:2px 0 10px 10px;min-width:0}.nav-dropdown-menu a{padding:4px 12px;font-size:.9rem}.language-switch{padding-left:0;border:0}.home-hero{height:550px}.quickfacts-grid{gap:12px}.quickfacts-grid>div{padding:5px 15px}.why-grid{grid-template-columns:1fr}.why-photo img{max-height:430px}.page-hero-inner{grid-template-columns:1fr 1fr}.page-hero-photo{height:320px}.grid-3{grid-template-columns:repeat(2,1fr)}.mini-services{grid-template-columns:1fr}.article-grid{gap:30px}.staff-row,.staff-row.reverse{gap:30px}.footer-grid{gap:25px}}
@media(max-width:620px){.container{width:calc(100% - 38px)}.home-hero{min-height:520px;height:auto}.home-hero-content{min-height:520px;padding:70px 0}.home-hero h1{font-size:clamp(2.55rem,10vw,4.1rem)}.home-hero-shade{background:linear-gradient(90deg,rgba(9,35,55,.85),rgba(9,35,55,.5))}.home-hero p:not(.home-eyebrow){font-size:1.05rem}.quickfacts-grid{grid-template-columns:1fr;padding:19px 0}.quickfacts-grid>div,.quickfacts-grid>div:first-child{border:0;border-bottom:1px solid rgba(255,255,255,.19);padding:12px 0}.quickfacts-grid>div:last-child{border:0}.section{padding:57px 0}.why-photo{min-height:0}.why-photo img{height:320px}.grid-3,.mini-services,.related-grid{grid-template-columns:1fr}.section-heading{margin-bottom:22px}.gallery-section{padding:55px 0}.clinic-gallery{grid-template-columns:repeat(2,1fr);gap:7px}.clinic-gallery>div:first-child{grid-column:auto;grid-row:auto}.cta-inner{flex-direction:column;align-items:flex-start}.cta-section{padding:55px 0}.page-hero-inner{grid-template-columns:1fr;gap:0}.page-hero-copy{padding:36px 0 28px}.page-hero-photo{height:240px;margin-inline:-19px}.page-hero h1{font-size:clamp(2.5rem,9vw,3.5rem)}.treatment-row,.staff-row,.staff-row.reverse,.article-grid,.contact-grid{grid-template-columns:1fr}.treatment-rows{gap:45px}.treatment-row{gap:20px}.treatment-row.reverse .treatment-image,.staff-row.reverse .staff-portrait{order:0}.treatment-image{height:255px}.article-aside{position:static}.article-aside>img{height:240px}.staff-list{gap:35px}.staff-row{padding-bottom:40px}.staff-portrait{height:350px}.staff-copy h2{font-size:1.75rem}.mini-service{grid-template-columns:122px 1fr;gap:14px}.mini-service-image{height:130px}.mini-service h3{font-size:1.1rem}.contact-photo>img{height:300px}.footer-grid{grid-template-columns:1fr;gap:28px;padding:48px 0 28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Typography-only team ID panels when original individual portraits are unavailable. */
.staff-monogram{height:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:linear-gradient(145deg,#eaf4fa,#c1d9e9);color:#164c72;text-align:center;padding:28px}
.staff-monogram span{font-size:clamp(4rem,8vw,7rem);font-weight:300;letter-spacing:-.1em;line-height:1}
.staff-monogram small{letter-spacing:.17em;font-weight:700;font-size:.66rem}
@media(min-width:621px){.clinic-gallery:has(>div:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}.clinic-gallery:has(>div:nth-child(4):last-child)>div:first-child{grid-column:span 2;grid-row:span 2}}

/* Legal notice and privacy information */
.legal-copy{max-width:920px}.legal-copy h2{font-size:1.65rem;margin:36px 0 12px}.legal-copy p{color:var(--muted)}.legal-copy .review-note{background:#eef5f8;border-left:4px solid var(--blue);padding:17px 21px;color:#233e52}.legal-links a{color:#d4e7f5;margin:0 4px}.legal-links a:hover{text-decoration:underline}
.privacy-tip{font-size:.89rem;color:var(--muted);margin-top:22px}

/* Four-image local gallery: no empty cells at desktop or tablet widths. */
@media(min-width:621px){
 .clinic-gallery:has(>div:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
 .clinic-gallery:has(>div:nth-child(4):last-child)>div:first-child{grid-column:auto;grid-row:auto}
 .clinic-gallery:has(>div:nth-child(4):last-child)>div{aspect-ratio:1.55}
}

/* Approved team photography: bright cut-outs on a soft dental-blue background. */
.why-photo,.staff-portrait,.contact-photo{background:linear-gradient(145deg,#f9fcfe 2%,#eaf5fb 70%,#e3f0f8 100%)}
.why-photo img.team-cutout{object-fit:contain;object-position:bottom center;width:100%;height:470px;padding:16px 14px 0;filter:none}
.staff-portrait{overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.staff-portrait img.staff-cutout{object-fit:contain;object-position:bottom center;max-width:100%;width:100%;height:100%;filter:none}
.page-hero-photo img.team-cutout{object-fit:contain;object-position:center bottom;padding:9px 12px 0;filter:none}
.contact-photo img.team-cutout{object-fit:contain;object-position:bottom center;padding:20px 12px 0;height:470px;filter:none}
@media(max-width:860px){.why-photo img.team-cutout{height:390px}}
@media(max-width:620px){.why-photo img.team-cutout{height:300px;padding:12px 6px 0}.contact-photo img.team-cutout{height:295px}.staff-portrait img.staff-cutout{height:100%}}


/* Original International Dental Marbella logo: prominent on every page. */
.site-header{background:#fff}
.site-header .nav-bar{min-height:118px;gap:18px}
.site-header .brand{display:block;flex:0 0 auto;min-width:0}
.site-logo{display:block;width:clamp(310px,30vw,420px);max-width:100%;height:auto;object-fit:contain}
.site-header .nav-right{gap:16px}
.site-header .primary-nav{gap:19px}
.site-header .nav-cta{padding:12px 16px;white-space:nowrap}
.site-header .nav-dropdown>a{padding:20px 0}
.footer-logo{display:block;background:#fff;border-radius:3px;padding:8px 10px;width:min(100%,300px);margin-bottom:22px}
.footer-logo img{display:block;width:100%;height:auto}
.error-header{background:white;border-bottom:1px solid #e5edf3;padding:14px 0}
.error-header .site-logo{width:min(420px,100%)}
/* Show Dr Neman's full portrait within its frame with breathing room. */
.staff-row:first-child .staff-portrait{overflow:visible;min-height:490px;height:490px;padding:22px;background:linear-gradient(145deg,#f9fcfe,#e3f0f8)}
.staff-row:first-child .staff-portrait img.staff-cutout{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}
@media(max-width:1190px){
  .site-header .menu-button{display:block;margin-left:auto}
  .site-header .nav-bar{min-height:101px;flex-wrap:wrap}
  .site-header .nav-right{display:none;flex-basis:100%;order:3;align-items:flex-start;flex-direction:column;padding:0 0 22px;gap:17px}
  .site-header .nav-right.is-open{display:flex}
  .site-header .primary-nav{align-items:flex-start;flex-direction:column;gap:3px}
  .site-header .nav-dropdown>a{padding:5px 0}
  .site-header .nav-dropdown-menu{position:static;display:grid;border:0;box-shadow:none;padding:2px 0 10px 10px;min-width:0}
  .site-header .nav-dropdown-menu a{padding:4px 12px;font-size:.9rem}
  .site-header .language-switch{padding-left:0;border:0}
}
@media(max-width:620px){
  .site-header .nav-bar{min-height:88px;gap:8px}
  .site-header .brand{flex:1 1 auto;width:calc(100% - 58px)}
  .site-header .site-logo{width:min(100%,335px)}
  .site-header .menu-button{flex:0 0 auto}
  .staff-row:first-child .staff-portrait{min-height:420px;height:420px;padding:18px}
}
@media(max-width:400px){.site-header .site-logo{width:min(100%,290px)}}