/* Dra. Jael Bitran — Refinamiento visual 2026 */
:root{
  --jb-bg:#fbfaf8;
  --jb-surface:#ffffff;
  --jb-surface-soft:#f4eeea;
  --jb-rose:#bf978f;
  --jb-rose-dark:#a77f77;
  --jb-taupe:#c3b6a9;
  --jb-ink:#342d29;
  --jb-muted:#706762;
  --jb-line:rgba(89,72,57,.12);
  --jb-shadow:0 18px 50px rgba(70,52,44,.10);
  --jb-shadow-soft:0 10px 30px rgba(70,52,44,.08);
}

html{scroll-behavior:smooth;}
body{
  background:var(--jb-bg);
  color:var(--jb-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Tipografía y jerarquía */
.section-title h1,.section-title h2,.page-header-box h1{
  letter-spacing:-.025em;
  text-wrap:balance;
}
.section-title p,.service-body p,.testimonial-content p,.about-footer-content p{
  color:var(--jb-muted);
}
.section-title h3{
  letter-spacing:.055em;
}

/* Header más ligero y contemporáneo */
header.main-header{
  border-bottom:1px solid rgba(89,72,57,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset;
}
.navbar{
  padding:19px 0;
  background:rgba(195,182,169,.93);
  transition:padding .25s ease, box-shadow .25s ease, background-color .25s ease;
}
header.main-header .header-sticky.active .navbar{
  padding:14px 0;
  background:rgba(195,182,169,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 35px rgba(70,52,44,.09);
}
.navbar-brand img{
  max-height:64px;
  width:auto;
  transition:transform .25s ease;
}
.navbar-brand:hover img{transform:translateY(-1px);}
.main-menu ul li a{
  position:relative;
  font-weight:500;
  letter-spacing:.01em;
}
.main-menu ul li > a.nav-link::before{
  content:"";
  position:absolute;
  left:15px;
  right:15px;
  bottom:7px;
  height:1.5px;
  background:#594839;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s ease;
  opacity:.65;
}
.main-menu ul li > a.nav-link:hover::before{transform:scaleX(1);}

/* Botones */
.btn-default{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(89,72,57,.08);
  box-shadow:0 8px 22px rgba(89,72,57,.08);
  letter-spacing:.01em;
}
.btn-default:hover{
  color:#fff;
  box-shadow:0 13px 30px rgba(89,72,57,.14);
  transform:translateY(-2px);
}
.btn-default::after{background:linear-gradient(135deg,var(--jb-rose),var(--jb-rose-dark));}

/* Hero */
.hero{
  position:relative;
  background:
    radial-gradient(circle at 14% 22%, rgba(191,151,143,.14), transparent 29%),
    radial-gradient(circle at 83% 35%, rgba(195,182,169,.18), transparent 31%),
    var(--jb-bg) url('../images/hero-bg.svg?v=35') no-repeat center/auto;
  padding-top:68px;
}
.hero-content{position:relative;z-index:2;}
.hero-content .section-title p{font-size:16.5px;line-height:1.9;}
.hero-img figure{border-radius:36px 36px 10px 36px;overflow:hidden;}
.hero-img img{filter:saturate(.98) contrast(1.01);}
.export-dantist-box{
  border:1px solid rgba(255,255,255,.62);
  box-shadow:var(--jb-shadow);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.google-rating{
  display:inline-flex;
  padding:11px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(89,72,57,.08);
  box-shadow:0 8px 28px rgba(70,52,44,.06);
}
.google-rating ul li{font-size:13px;}

/* CTA superior */
.cta-box{background:linear-gradient(120deg,#c7bbae,#b9aa9d);}
.cta-box-item{
  min-height:86px;
  padding:16px 20px;
  border-right:1px solid rgba(255,255,255,.20);
}
.cta-box-content .btn-default{margin:4px 5px 4px 0;}

/* Secciones y tarjetas */
.about-us,.how-it-work,.our-team,.our-testimonials,.contact-us,.page-gallery{position:relative;}
.about-img-1 img,.about-img-2 img,.how-it-work-img img,.contact-us-img img,
.service-featured-image img,.team-member-image img{
  box-shadow:var(--jb-shadow-soft);
}
.our-services{
  background-image:linear-gradient(180deg,#e7e2dd 66%,var(--jb-bg) 34%);
}
.service-item{
  border:1px solid rgba(89,72,57,.08);
  border-radius:24px;
  box-shadow:0 14px 42px rgba(70,52,44,.07);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.service-item:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 55px rgba(70,52,44,.14);
  border-color:transparent;
}
.service-item:before{background:linear-gradient(145deg,#bf978f,#a67f77);}
.service-item .icon-box{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(191,151,143,.10);
  transition:background .3s ease,transform .3s ease;
}
.service-item:hover .icon-box{background:rgba(255,255,255,.14);transform:scale(1.04);}

/* Testimonios / contenido */
.testimonial-item{
  border:1px solid rgba(89,72,57,.09);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:var(--jb-shadow-soft);
}
.service-catagery-list,.team-member-details,.contact-us-item{
  border:1px solid rgba(89,72,57,.09);
  border-radius:22px;
  background:rgba(255,255,255,.80);
  box-shadow:0 12px 34px rgba(70,52,44,.06);
}
.contact-us-item{transition:transform .25s ease,box-shadow .25s ease;}
.contact-us-item:hover{transform:translateY(-4px);box-shadow:var(--jb-shadow-soft);}

/* Imágenes y galería */
.image-anime, .gallery-item figure{border-radius:20px;}
.gallery-item img{transition:transform .45s ease,filter .45s ease;}
.gallery-item:hover img{transform:scale(1.035);filter:saturate(1.03);}

/* Formularios / mapas */
.contact-form .form-control,.book-appointment-form .form-control{
  border-radius:14px;
  border:1px solid rgba(89,72,57,.13);
  background:#fff;
  box-shadow:0 4px 16px rgba(70,52,44,.025);
}
.contact-form .form-control:focus,.book-appointment-form .form-control:focus{
  border-color:rgba(191,151,143,.72);
  box-shadow:0 0 0 4px rgba(191,151,143,.12);
}
.google-map-iframe,.google-map-iframe iframe{border-radius:22px;overflow:hidden;}

/* Cabeceras interiores */
.page-header{
  background:
    radial-gradient(circle at 80% 10%,rgba(191,151,143,.13),transparent 25%),
    linear-gradient(135deg,#eee5dc,#f8f4ef) url('../images/page-header-bg.svg?v=35') no-repeat center/auto;
  border-bottom:1px solid rgba(89,72,57,.06);
}
.page-header-box ol{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(89,72,57,.07);
}

/* Footer */
footer.main-footer{
  position:relative;
  background:linear-gradient(145deg,#b9aa9d,#a99a8e);
  border-radius:42px 42px 0 0;
  box-shadow:0 -12px 40px rgba(70,52,44,.07);
}
.footer-links ul li a{transition:color .2s ease,transform .2s ease;display:inline-block;}
.footer-links ul li a:hover{color:#fff;transform:translateX(3px);}
.footer-copyright-text a{color:#fff;text-decoration:underline;text-underline-offset:3px;}

/* WhatsApp flotante */
.jb-wa{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9998;
  font-family:"Poppins",sans-serif;
}
.jb-wa__panel{
  position:absolute;
  right:0;
  bottom:72px;
  width:min(330px,calc(100vw - 32px));
  padding:18px;
  border:1px solid rgba(31,41,35,.09);
  border-radius:20px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 70px rgba(31,41,35,.20);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.98);
  transform-origin:bottom right;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
}
.jb-wa.is-open .jb-wa__panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.jb-wa__head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.jb-wa__brand{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 42px;
  background:#25D366;color:#fff;font-size:22px;
}
.jb-wa__head strong{display:block;color:#342d29;font-size:15px;line-height:1.25;}
.jb-wa__head > div > span{display:block;color:#776d67;font-size:12px;margin-top:3px;}
.jb-wa__link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 13px;margin-top:9px;border:1px solid rgba(89,72,57,.10);border-radius:14px;
  background:#fbfaf8;color:#433934!important;font-size:13px;font-weight:600;transition:.2s ease;
}
.jb-wa__link:hover{background:#f3ebe7;border-color:rgba(191,151,143,.35);transform:translateY(-1px);}
.jb-wa__link i{color:#25D366;font-size:16px;}
.jb-wa__toggle{
  width:58px;height:58px;border:0;border-radius:18px;display:grid;place-items:center;margin-left:auto;
  background:linear-gradient(145deg,#2bd66b,#1caf54);color:#fff;font-size:27px;cursor:pointer;
  box-shadow:0 14px 32px rgba(37,211,102,.34);transition:transform .2s ease,box-shadow .2s ease;
}
.jb-wa__toggle:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(37,211,102,.39);}
.jb-wa__toggle:focus-visible{outline:3px solid rgba(37,211,102,.24);outline-offset:4px;}
.jb-wa__badge{
  position:absolute;right:48px;bottom:11px;white-space:nowrap;padding:8px 12px;border-radius:999px;
  background:#fff;color:#4c403a;font-size:12px;font-weight:600;box-shadow:0 8px 25px rgba(70,52,44,.12);
  border:1px solid rgba(89,72,57,.08);pointer-events:none;
}
.jb-wa.is-open .jb-wa__badge{opacity:0;visibility:hidden;}

@media (max-width:991px){
  .navbar{padding:14px 0;}
  .navbar-brand img{max-height:56px;}
  .hero{padding-top:48px;}
  .hero-content{padding-right:0;}
  .google-rating{display:block;width:fit-content;}
  .cta-box-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);margin:0;padding:18px 8px;}
  footer.main-footer{border-radius:30px 30px 0 0;}
}
@media (max-width:767px){
  .section-title h1,.section-title h2{line-height:1.08;}
  .hero{padding-top:35px;}
  .hero-img figure{border-radius:26px 26px 8px 26px;}
  .service-item{border-radius:20px;padding:24px;}
  .jb-wa{right:16px;bottom:16px;}
  .jb-wa__toggle{width:56px;height:56px;border-radius:17px;}
  .jb-wa__badge{display:none;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
}


/* v32 — Ajustes de legibilidad, centrado y WhatsApp */
.page-team-single .row{
  background:#efe4e0;
  border:1px solid rgba(89,72,57,.08);
  box-shadow:0 18px 48px rgba(70,52,44,.08);
  overflow:hidden;
}
.page-team-single .team-member-details{
  margin-left:0;
  border:0;
  border-radius:0;
  background:linear-gradient(145deg,#f7efec 0%,#f3e7e3 100%);
  box-shadow:none;
}
.page-team-single .member-detail-header h2{
  color:#9f7169;
}
.page-team-single .member-detail-header p,
.page-team-single .member-detail-content p,
.page-team-single .member-detail-body ul li{
  color:#4d433e;
  text-transform:none;
}
.page-team-single .member-detail-header p{
  color:#6f625c;
}
.page-team-single .member-detail-content p{
  line-height:1.8;
}
.page-team-single .member-detail-body ul li span{
  color:#8f6962;
  font-weight:600;
}
.page-team-single .member-social-list ul li a{
  color:#8f6962;
}
.page-team-single .member-social-list ul li a:hover{
  color:#6f4f49;
}

/* Breadcrumb/etiquetas interiores centrados */
.page-header-box nav{
  width:100%;
  display:flex;
  justify-content:center;
  text-align:center;
}
.page-header-box ol{
  display:flex;
  width:fit-content;
  max-width:100%;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.page-header-box ol li.breadcrumb-item{
  text-transform:none;
  text-align:center;
}

/* WhatsApp: botón flotante limpio, solo logo */
.jb-wa__badge{display:none!important;}
.jb-wa__toggle{
  width:58px;
  height:58px;
  padding:0;
  border-radius:50%;
  background:#25D366;
  color:#fff;
}
.jb-wa__toggle:hover{
  background:#20bd5a;
}
.jb-wa__svg{
  width:30px;
  height:30px;
  display:block;
  color:currentColor;
}
.jb-wa__brand .jb-wa__svg{
  width:24px;
  height:24px;
}
.jb-wa__link .jb-wa__svg{
  width:19px;
  height:19px;
  color:#25D366;
  flex:0 0 19px;
}

@media (max-width:991px){
  .page-team-single .team-member-image img{border-radius:24px 24px 0 0;}
  .page-team-single .team-member-details{padding:34px 26px;}
}
@media (max-width:767px){
  .jb-wa__toggle{width:56px;height:56px;border-radius:50%;}
  .jb-wa__svg{width:29px;height:29px;}
}


/* v33 — Corrección definitiva del logo de WhatsApp */
.jb-wa__head > .jb-wa__brand{
  width:42px;
  height:42px;
  margin:0!important;
  display:grid!important;
  place-items:center;
  flex:0 0 42px;
  border-radius:13px;
  background:#25D366;
  color:#fff!important;
  line-height:1;
}
.jb-wa__head > .jb-wa__brand .jb-wa__svg{
  width:25px!important;
  height:25px!important;
  display:block;
  color:#fff!important;
  fill:currentColor;
}
.jb-wa__link .jb-wa__svg{
  width:20px!important;
  height:20px!important;
  display:block;
  flex:0 0 20px;
  color:#25D366!important;
  fill:currentColor;
}
.jb-wa__toggle .jb-wa__svg{
  width:30px!important;
  height:30px!important;
  display:block;
  color:#fff!important;
  fill:currentColor;
}
.jb-wa__svg path{fill:currentColor!important;}