/*
Theme Name: Dra. Josiane Galetti
Theme URI: https://www.odontogaravelo.com.br/drajosianegaletti
Author: Agencia
Description: Landing page odontopediatrica para a Dra. Josiane Galetti
Version: 1.0
Text Domain: drajosiane
*/

  :root{
    --wine:#730F12;--wine-mid:#8a1d20;--wine-deep:#4a070a;--wine-darker:#2a0406;
    --beige:#D9C8AC;--beige-soft:#ece1cc;
    --gray:#F1EFEC;--gray-warm:#F7F4EF;--white:#FFFFFF;
    --ink:#1a1410;--muted:#6b6058;--line:#e7e1d6;
    --gold:#e0a956;--gold-glow:rgba(224,169,86,.42);
    --shadow-sm:0 2px 8px rgba(38,14,12,.05),0 10px 26px -16px rgba(115,15,18,.20);
    --shadow-md:0 10px 30px rgba(38,14,12,.08),0 2px 6px rgba(38,14,12,.04);
    --shadow-lg:0 26px 64px rgba(38,14,12,.14),0 6px 18px rgba(38,14,12,.06);
    --radius:22px;--radius-lg:30px;--maxw:1240px;
    --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--sans);color:var(--ink);background:var(--gray);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;font-weight:400;}
  img{display:block;max-width:100%;height:auto;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
  input{font-family:inherit;font-size:inherit;}
  h1,h2,h3,h4{font-family:var(--sans);color:var(--ink);line-height:1.06;letter-spacing:-.025em;font-weight:800;}

  /* Skip link */
  .skip-link{position:absolute;top:-100%;left:16px;padding:12px 20px;background:var(--wine);color:#fff;border-radius:0 0 8px 8px;font-weight:700;z-index:9999;transition:top .2s;}
  .skip-link:focus{top:0;}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  .section{padding:clamp(72px,9vw,124px) 0;position:relative;overflow:hidden;}

  /* Focus visible */
  :focus-visible{outline:3px solid var(--wine);outline-offset:3px;border-radius:4px;}

  .bg-gray{background:radial-gradient(ellipse at 12% 0%,rgba(217,200,172,.30) 0%,transparent 46%),radial-gradient(ellipse at 100% 92%,rgba(115,15,18,.05) 0%,transparent 44%),var(--gray);}
  .bg-wine{background:radial-gradient(ellipse at 18% 0%,rgba(217,200,172,.12) 0%,transparent 52%),radial-gradient(ellipse at 100% 100%,rgba(217,200,172,.08) 0%,transparent 50%),linear-gradient(165deg,var(--wine-deep) 0%,var(--wine) 58%,var(--wine-deep) 100%);color:rgba(255,255,255,.82);}
  .bg-wine::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 64px);mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 78%);}
  .bg-wine h2,.bg-wine h3{color:#fff;}
  .bg-wine .lede{color:rgba(255,255,255,.74);}
  .bg-wine .display strong{color:var(--beige);}

  .display{font-size:clamp(30px,4.2vw,52px);font-weight:800;line-height:1.04;letter-spacing:-.032em;text-wrap:balance;}
  .display strong{color:var(--wine);font-weight:800;}
  .display em{font-style:normal;color:var(--wine);}
  .lede{font-size:clamp(16px,1.5vw,18.5px);color:var(--muted);line-height:1.66;font-weight:400;}

  .section-head{max-width:820px;margin:0 auto 64px;text-align:center;}
  .section-head .display{margin-bottom:20px;}
  .section-head .lede{margin:0 auto;max-width:62ch;}

  /* CTA pill */
  .btn-pill{position:relative;display:inline-flex;align-items:center;gap:16px;padding:7px 7px 7px 30px;border-radius:999px;background:linear-gradient(135deg,#f0bf6e 0%,var(--gold) 50%,#c98e36 100%);color:#3a2406;font-size:15.5px;font-weight:700;letter-spacing:.005em;line-height:1;min-height:58px;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 12px 30px var(--gold-glow);transition:transform .24s ease,box-shadow .24s ease;animation:ctaPulse 2.6s ease-in-out infinite;will-change:box-shadow;}
  @keyframes ctaPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 0 0 0 var(--gold-glow),0 12px 30px var(--gold-glow);}50%{box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 0 0 13px rgba(224,169,86,0),0 16px 38px rgba(224,169,86,.5);}}
  .btn-pill:hover{transform:translateY(-2px);animation-play-state:paused;box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 0 0 9px rgba(224,169,86,.16),0 20px 42px rgba(224,169,86,.5);}
  .btn-pill .arrow{width:46px;height:46px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;flex:0 0 auto;transition:transform .25s ease;}
  .btn-pill:hover .arrow{transform:rotate(45deg);}
  .btn-pill .arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}

  /* Hero */
  .hero{padding:clamp(48px,6vw,78px) 0 clamp(74px,8vw,108px);}
  .hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr 1fr;gap:clamp(40px,5vw,82px);align-items:center;}
  .hero-logo{display:block;margin-bottom:clamp(22px,3vw,30px);max-width:100%;}
  .hero-logo img{display:block;width:min(100%,clamp(148px,18vw,200px));height:auto;object-fit:contain;}
  .hero h1{font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.035em;margin-bottom:24px;}
  .hero h1 em{font-style:normal;color:var(--wine);}
  .hero .sub{font-size:clamp(16px,1.4vw,18.5px);color:var(--muted);max-width:54ch;line-height:1.66;margin-bottom:38px;}
  .hero-visual{position:relative;width:100%;max-width:520px;justify-self:end;aspect-ratio:4/5;}
  .hero-photo{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,#f6f1ea,var(--beige-soft));box-shadow:0 40px 80px rgba(115,15,18,.18);border:1px solid rgba(255,255,255,.6);}
  .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:0;transform:scale(1.04);animation:heroReveal 1.1s cubic-bezier(.2,.7,.2,1) .15s forwards;}
  @keyframes heroReveal{to{opacity:1;transform:scale(1);}}
  .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 58%,rgba(115,15,18,.10));pointer-events:none;}
  .hero-pills{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);display:flex;gap:13px;z-index:3;width:max-content;max-width:100%;}
  .float-pill{background:rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 32px rgba(115,15,18,.14);padding:11px 20px 11px 13px;border-radius:999px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;}
  .float-pill .dot{width:23px;height:23px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;flex:0 0 auto;}
  .float-pill .dot svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.6;fill:none;}
  .float-pill.p1{animation:floaty 5.6s ease-in-out infinite;}
  .float-pill.p2{animation:floaty 5.6s ease-in-out infinite;animation-delay:-2.8s;}
  @keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

  /* Cards */
  .card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .pcard{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:38px 34px;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;}
  .pcard:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:rgba(115,15,18,.16);}
  .pcard .ic{width:56px;height:56px;border-radius:16px;background:rgba(115,15,18,.08);display:grid;place-items:center;margin-bottom:24px;color:var(--wine);}
  .pcard .ic svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .pcard h3{font-size:20px;font-weight:800;margin-bottom:11px;letter-spacing:-.02em;line-height:1.2;}
  .pcard p{color:var(--muted);font-size:15px;line-height:1.62;}
  .bg-wine .pcard{background:rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(217,200,172,.2);box-shadow:none;position:relative;overflow:hidden;}
  .bg-wine .pcard::before{content:"";position:absolute;top:0;left:38px;right:38px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,200,172,.5),transparent);}
  .bg-wine .pcard:hover{transform:translateY(-7px);background:rgba(255,255,255,.1);border-color:rgba(217,200,172,.4);}
  .bg-wine .pcard .ic{background:rgba(217,200,172,.14);color:var(--beige);}
  .bg-wine .pcard h3{color:#fff;}
  .bg-wine .pcard p{color:rgba(255,255,255,.72);}

  /* Reassure */
  .reassure{margin-top:30px;background:linear-gradient(150deg,var(--beige-soft),var(--beige));border-radius:var(--radius-lg);padding:clamp(34px,4vw,50px);color:var(--wine-deep);display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,4vw,56px);align-items:center;box-shadow:var(--shadow-lg);}
  .reassure h3{color:var(--wine-deep);font-size:clamp(22px,2.4vw,28px);max-width:300px;font-weight:800;letter-spacing:-.02em;}
  .reassure-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;}
  .reassure-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:600;color:#5a3a18;}
  .chk{flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:rgba(115,15,18,.12);display:grid;place-items:center;}
  .chk svg{width:13px;height:13px;color:var(--wine);stroke:currentColor;stroke-width:3;fill:none;}

  /* Carousel */
  .carousel{position:relative;max-width:1000px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:#000;}
  .carousel-track{position:relative;aspect-ratio:4/3;}
  .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;}
  .slide.active{opacity:1;}
  .slide img{width:100%;height:100%;object-fit:cover;object-position:center center;}
  .car-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:background .2s,transform .2s;}
  .car-btn:hover{background:#fff;transform:translateY(-50%) scale(1.07);}
  .car-btn svg{width:22px;height:22px;color:var(--wine);fill:none;stroke:currentColor;stroke-width:2.4;}
  .car-prev{left:18px;}.car-next{right:18px;}
  .dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:9px;z-index:5;}
  .dots button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);transition:.3s;padding:0;}
  .dots button.active{background:#fff;width:28px;border-radius:6px;}

  /* Testimonials */
  .t-rail{overflow:hidden;padding:6px 0 26px;margin-top:50px;}
  .t-rail:hover .t-track{animation-play-state:paused;}
  .t-track{display:flex;gap:24px;width:max-content;animation:marquee 38s linear infinite;}
  @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .tcard{flex:0 0 clamp(280px,38vw,408px);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(217,200,172,.2);border-radius:var(--radius);padding:32px 30px;display:flex;flex-direction:column;gap:16px;transition:transform .3s,border-color .3s;}
  .tcard:hover{transform:translateY(-5px);border-color:rgba(217,200,172,.45);}
  .stars{display:flex;gap:3px;color:var(--gold);}
  .stars svg{width:18px;height:18px;fill:currentColor;}
  .tcard p{color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.6;}
  .tcard .who{display:flex;align-items:center;gap:13px;margin-top:auto;}
  .tcard .av{width:46px;height:46px;border-radius:50%;background:var(--beige);color:var(--wine-deep);display:grid;place-items:center;font-weight:800;font-size:18px;flex:0 0 auto;}
  .tcard .who b{font-size:15px;display:block;color:#fff;}
  .tcard .who span{font-size:13px;color:rgba(255,255,255,.6);}
  .rail-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,.55);font-weight:600;letter-spacing:.02em;margin-top:4px;}
  .rail-hint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;animation:nudge 1.8s ease-in-out infinite;}
  @keyframes nudge{0%,100%{transform:translateX(0);}50%{transform:translateX(6px);}}

  /* About */
  .about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,6vw,82px);align-items:center;}
  .about-photo{position:relative;aspect-ratio:3/4;max-height:700px;border-radius:var(--radius-lg);overflow:hidden;background:transparent;box-shadow:none;border:none;}
  .about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);}
  .about-copy .display{margin-bottom:24px;}
  .about-copy p{color:rgba(255,255,255,.78);font-size:16.5px;line-height:1.72;margin-bottom:18px;max-width:54ch;}
  .about-points{list-style:none;margin:28px 0 34px;display:flex;flex-direction:column;gap:13px;}
  .about-points li{display:flex;align-items:center;gap:13px;font-weight:600;color:#fff;font-size:15.5px;}
  .about-points .chk{background:rgba(217,200,172,.18);}
  .about-points .chk svg{color:var(--beige);}


  /* Location */
  .loc-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,4vw,52px);align-items:stretch;}
  .loc-card{background:rgba(255,255,255,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(217,200,172,.2);border-radius:var(--radius-lg);padding:clamp(30px,3.4vw,44px);display:flex;flex-direction:column;gap:24px;}
  .loc-item{display:flex;gap:16px;}
  .loc-item .li-ic{width:46px;height:46px;border-radius:13px;background:rgba(217,200,172,.14);display:grid;place-items:center;flex:0 0 auto;color:var(--beige);}
  .loc-item .li-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;}
  .loc-item h4{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--beige);font-weight:700;margin-bottom:5px;}
  .loc-item p{font-size:16px;font-weight:600;color:#fff;line-height:1.45;}
  .loc-item a{color:#fff;transition:color .2s;}
  .loc-item a:hover{color:var(--beige);}
  .loc-card .btn-pill{margin-top:6px;align-self:flex-start;}
  .map-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);min-height:360px;border:1px solid rgba(217,200,172,.18);}
  .map-card iframe{width:100%;height:100%;min-height:360px;border:none;display:block;}

  /* FAQ */
  .faq-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
  .faq-item{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .3s,box-shadow .3s,border-radius .35s;box-shadow:var(--shadow-sm);}
  .faq-item.open{border-color:var(--wine);border-radius:22px;box-shadow:var(--shadow-md);}
  .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;text-align:left;font-size:17.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
  .faq-q .num{color:var(--wine);font-weight:800;margin-right:14px;}
  .faq-q .pm{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:rgba(115,15,18,.09);display:grid;place-items:center;transition:transform .35s,background .3s;}
  .faq-q .pm svg{width:16px;height:16px;color:var(--wine);fill:none;stroke:currentColor;stroke-width:2.6;}
  .faq-item.open .faq-q .pm{transform:rotate(135deg);background:var(--wine);}
  .faq-item.open .faq-q .pm svg{color:#fff;}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
  .faq-a p{padding:0 28px 26px 64px;color:var(--muted);font-size:15.5px;line-height:1.7;}

  /* Footer */
  footer{background:var(--wine-darker);color:rgba(255,255,255,.55);padding:38px 0;}
  .foot-min{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13.5px;flex-wrap:wrap;}
  .foot-min .nm{color:var(--beige);font-weight:700;}

  /* WhatsApp float */
  .wa-float{position:fixed;right:24px;bottom:24px;z-index:90;width:60px;height:60px;border-radius:50%;background:#1FAA59;display:grid;place-items:center;box-shadow:0 12px 30px rgba(31,170,89,.45);transition:transform .25s;}
  .wa-float:hover{transform:scale(1.08);}
  .wa-float svg{width:30px;height:30px;fill:#fff;}
  .wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #1FAA59;animation:ring 2.4s ease-out infinite;}
  @keyframes ring{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.55);opacity:0;}}

  /* Reveal animations */
  .js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
  .js .reveal-left{opacity:0;transform:translateX(-46px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
  .js .reveal-blur{opacity:0;filter:blur(16px) grayscale(.8);transform:scale(1.02);transition:opacity 1s ease,filter 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);}
  .js .reveal.in,.js .reveal-left.in,.js .reveal-blur.in{opacity:1;transform:none;filter:none;}
  @media(prefers-reduced-motion:reduce){
    .js .reveal,.js .reveal-left,.js .reveal-blur{opacity:1!important;transform:none!important;filter:none!important;transition:none;}
    .btn-pill,.float-pill,.wa-float,.rail-hint svg,.t-track{animation:none!important;}
    .t-rail{overflow-x:auto;}
    .t-track{width:auto;flex-wrap:nowrap;}
    .t-track .tcard-clone{display:none;}
    .hero-photo img{opacity:1!important;transform:none!important;animation:none!important;}
  }

  /* Responsive */
  @media(max-width:980px){
    .hero-inner{grid-template-columns:1fr;gap:56px;text-align:center;display:flex;flex-direction:column;}
    .hero-logo{margin-inline:auto;}
    .hero .sub{margin-inline:auto;}
    .hero-visual{justify-self:center;}
    .hero-copy{order:1;}
    .hero-visual{order:2;}
    .hero-cta-mobile{order:3;display:flex;justify-content:center;margin-top:50px;}
    .hero-copy .hero-cta-desktop{display:none;}
    .about-grid,.loc-grid{grid-template-columns:1fr;gap:50px;}
    .about-photo{max-width:480px;margin:0 auto;}
    .reassure{grid-template-columns:1fr;gap:26px;}
  }
  @media(min-width:981px){
    .hero-cta-mobile{display:none;}
  }
  @media(max-width:720px){
    .wrap{padding:0 20px;}
    .card-grid-3{grid-template-columns:1fr;}
    .reassure-list{grid-template-columns:1fr;}
    .hero h1{font-size:clamp(32px,9vw,44px);}
    .section-head{margin-bottom:46px;}
    .car-btn{width:42px;height:42px;}
    .foot-min{justify-content:center;text-align:center;flex-direction:column;gap:8px;}
    .hero-pills{flex-direction:column;bottom:-58px;}
  }