{"id":11,"date":"2026-04-05T18:01:54","date_gmt":"2026-04-05T18:01:54","guid":{"rendered":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/?page_id=11"},"modified":"2026-04-06T09:51:10","modified_gmt":"2026-04-06T09:51:10","slug":"demo-1","status":"publish","type":"page","link":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/?page_id=11","title":{"rendered":"demo 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08716d9 e-con-full e-flex e-con e-parent\" data-id=\"08716d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d6a5dc elementor-widget elementor-widget-html\" data-id=\"7d6a5dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cl\u00ednicas Bidot \u00b7 Medicina Est\u00e9tica \u00b7 Madrid<\/title>\r\n<meta name=\"description\" content=\"Medicina est\u00e9tica no quir\u00fargica en Madrid. Armonizaci\u00f3n facial, toxina botul\u00ednica, \u00e1cido hialur\u00f3nico y m\u00e1s. Dr. Bidot, especialista con m\u00e1s de 15 a\u00f1os de experiencia.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Outfit:wght@200;300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =============================================\r\n   RESET & BASE\r\n   ============================================= *\/\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n:root {\r\n  --black:   #080807;\r\n  --dark:    #111110;\r\n  --card:    #161614;\r\n  --card2:   #1c1a14;\r\n  --gold:    #c9a96e;\r\n  --gold2:   #e8d5b0;\r\n  --cream:   #f0ebe0;\r\n  --muted:   #787570;\r\n  --border:  #232320;\r\n  --white:   #fafaf8;\r\n}\r\nhtml { scroll-behavior: smooth; font-size: 16px; }\r\nbody {\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  font-family: 'Outfit', sans-serif;\r\n  font-weight: 300;\r\n  overflow-x: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\nimg { display: block; max-width: 100%; }\r\nbutton, input, textarea, select {\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n}\r\na { text-decoration: none; color: inherit; }\r\n\r\n\/* =============================================\r\n   NAV\r\n   ============================================= *\/\r\n.bd-nav {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 200;\r\n  padding: 1.6rem 5rem;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  transition: background 0.5s, padding 0.4s, border-color 0.5s;\r\n  border-bottom: 0.5px solid transparent;\r\n}\r\n.bd-nav.scrolled {\r\n  background: rgba(8,8,7,0.96);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  padding: 1rem 5rem;\r\n  border-bottom-color: var(--border);\r\n}\r\n.bd-nav__logo {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.5rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.18em;\r\n  color: var(--cream);\r\n}\r\n.bd-nav__logo b { color: var(--gold); font-weight: 400; }\r\n.bd-nav__links {\r\n  display: flex;\r\n  gap: 2.8rem;\r\n  list-style: none;\r\n}\r\n.bd-nav__links a {\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: rgba(240,235,224,0.5);\r\n  transition: color 0.3s;\r\n}\r\n.bd-nav__links a:hover { color: var(--gold); }\r\n.bd-nav__cta {\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  padding: 0.65rem 1.6rem;\r\n  border: 0.5px solid var(--gold);\r\n  color: var(--gold);\r\n  background: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n.bd-nav__cta:hover { background: var(--gold); color: var(--black); }\r\n\r\n\/* Hamburger *\/\r\n.bd-nav__hamburger {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  cursor: pointer;\r\n  background: none;\r\n  border: none;\r\n  padding: 4px;\r\n}\r\n.bd-nav__hamburger span {\r\n  display: block;\r\n  width: 22px;\r\n  height: 1px;\r\n  background: var(--cream);\r\n  transition: all 0.3s;\r\n}\r\n.bd-nav__hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\r\n.bd-nav__hamburger.open span:nth-child(2) { opacity: 0; }\r\n.bd-nav__hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\r\n\r\n\/* Mobile menu *\/\r\n.bd-nav__mobile {\r\n  display: none;\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: rgba(8,8,7,0.98);\r\n  z-index: 199;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 2.5rem;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.4s;\r\n}\r\n.bd-nav__mobile.open {\r\n  display: flex;\r\n  opacity: 1;\r\n  pointer-events: all;\r\n}\r\n.bd-nav__mobile a {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 2.5rem;\r\n  font-weight: 300;\r\n  color: var(--cream);\r\n  letter-spacing: 0.05em;\r\n  transition: color 0.3s;\r\n}\r\n.bd-nav__mobile a:hover { color: var(--gold); }\r\n.bd-nav__mobile .bd-nav__cta {\r\n  font-size: 0.8rem;\r\n  padding: 0.9rem 2.5rem;\r\n  margin-top: 1rem;\r\n}\r\n\r\n\/* =============================================\r\n   HERO\r\n   ============================================= *\/\r\n.bd-hero {\r\n  position: relative;\r\n  height: 100vh;\r\n  min-height: 600px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* --- HERO BACKGROUND ---\r\n   Replace the URL below with your own photo.\r\n   Recommended: a high-quality portrait or clinic\r\n   environment photo, ideally 2000x1300px+.\r\n   -------------------------------------------- *\/\r\n.bd-hero__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url('https:\/\/hungry-pare.5-56-166-59.plesk.page\/wp-content\/uploads\/2026\/04\/Estetica-Bidot-98-scaled.jpg');\r\n  background-size: cover;\r\n  background-position: center 20%;\r\n  animation: heroZoom 18s ease-in-out infinite alternate;\r\n  filter: brightness(0.45) contrast(1.1);\r\n}\r\n@keyframes heroZoom {\r\n  from { transform: scale(1.06); }\r\n  to   { transform: scale(1.0);  }\r\n}\r\n.bd-hero__overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    105deg,\r\n    rgba(8,8,7,0.80) 0%,\r\n    rgba(8,8,7,0.45) 55%,\r\n    rgba(8,8,7,0.55) 100%\r\n  );\r\n}\r\n.bd-hero__overlay2 {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 38%;\r\n  background: linear-gradient(to top, var(--black), transparent);\r\n}\r\n.bd-hero__grain {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0.3;\r\n  pointer-events: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n.bd-hero__content {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 5rem;\r\n  max-width: 820px;\r\n}\r\n.bd-hero__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  margin-bottom: 2rem;\r\n  opacity: 0;\r\n  animation: fadeUp 1s 0.3s forwards;\r\n}\r\n.bd-hero__eyebrow-line {\r\n  width: 2.5rem;\r\n  height: 0.5px;\r\n  background: var(--gold);\r\n  flex-shrink: 0;\r\n}\r\n.bd-hero__eyebrow-text {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n}\r\n.bd-hero__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(3.2rem, 6.5vw, 6.5rem);\r\n  font-weight: 300;\r\n  line-height: 1.03;\r\n  color: var(--cream);\r\n  letter-spacing: -0.01em;\r\n  opacity: 0;\r\n  animation: fadeUp 1s 0.55s forwards;\r\n}\r\n.bd-hero__title em { font-style: italic; color: var(--gold2); }\r\n.bd-hero__sub {\r\n  font-size: 0.95rem;\r\n  line-height: 1.85;\r\n  color: rgba(240,235,224,0.6);\r\n  max-width: 480px;\r\n  margin-top: 1.6rem;\r\n  margin-bottom: 2.8rem;\r\n  font-weight: 300;\r\n  opacity: 0;\r\n  animation: fadeUp 1s 0.8s forwards;\r\n}\r\n.bd-hero__actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2.2rem;\r\n  flex-wrap: wrap;\r\n  opacity: 0;\r\n  animation: fadeUp 1s 1s forwards;\r\n}\r\n.bd-btn-gold {\r\n  background: var(--gold);\r\n  color: var(--black);\r\n  padding: 1.05rem 2.6rem;\r\n  font-size: 0.73rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n  transition: all 0.35s;\r\n  display: inline-block;\r\n}\r\n.bd-btn-gold:hover { background: var(--gold2); transform: translateY(-1px); }\r\n.bd-btn-ghost {\r\n  font-size: 0.73rem;\r\n  letter-spacing: 0.12em;\r\n  color: rgba(240,235,224,0.7);\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  transition: color 0.3s;\r\n}\r\n.bd-btn-ghost span { transition: transform 0.3s; display: inline-block; }\r\n.bd-btn-ghost:hover { color: var(--gold); }\r\n.bd-btn-ghost:hover span { transform: translateX(4px); }\r\n\r\n.bd-hero__scroll {\r\n  position: absolute;\r\n  bottom: 2.5rem;\r\n  right: 5rem;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.8rem;\r\n  opacity: 0;\r\n  animation: fadeIn 1s 1.6s forwards;\r\n}\r\n.bd-hero__scroll-text {\r\n  font-size: 0.58rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  writing-mode: vertical-rl;\r\n}\r\n.bd-hero__scroll-line {\r\n  width: 0.5px;\r\n  height: 4rem;\r\n  background: linear-gradient(to bottom, var(--gold), transparent);\r\n  animation: scrollPulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fadeUp  { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }\r\n@keyframes fadeIn  { from { opacity:0; } to { opacity:1; } }\r\n@keyframes scrollPulse {\r\n  0%,100% { opacity:0.3; transform:scaleY(0.8); }\r\n  50%      { opacity:1;   transform:scaleY(1);   }\r\n}\r\n\r\n\/* =============================================\r\n   MARQUEE\r\n   ============================================= *\/\r\n.bd-marquee {\r\n  border-top: 0.5px solid var(--border);\r\n  border-bottom: 0.5px solid var(--border);\r\n  overflow: hidden;\r\n  padding: 0.9rem 0;\r\n}\r\n.bd-marquee__track {\r\n  display: flex;\r\n  white-space: nowrap;\r\n  animation: marquee 30s linear infinite;\r\n}\r\n.bd-marquee__item {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  padding: 0 2.5rem;\r\n  flex-shrink: 0;\r\n}\r\n.bd-marquee__dot { color: var(--gold); font-size: 0.5rem; flex-shrink: 0; }\r\n@keyframes marquee {\r\n  from { transform: translateX(0); }\r\n  to   { transform: translateX(-50%); }\r\n}\r\n\r\n\/* =============================================\r\n   NUMBERS STRIP\r\n   ============================================= *\/\r\n.bd-nums {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  border-bottom: 0.5px solid var(--border);\r\n}\r\n.bd-nums__item {\r\n  padding: 3rem 4rem;\r\n  border-right: 0.5px solid var(--border);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: background 0.4s;\r\n}\r\n.bd-nums__item:last-child { border-right: none; }\r\n.bd-nums__item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: var(--gold);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.5s;\r\n}\r\n.bd-nums__item:hover::before { transform: scaleX(1); }\r\n.bd-nums__big {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 3.5rem;\r\n  font-weight: 300;\r\n  color: var(--gold);\r\n  line-height: 1;\r\n}\r\n.bd-nums__label {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  margin-top: 0.4rem;\r\n}\r\n\r\n\/* =============================================\r\n   SHARED SECTION UTILITIES\r\n   ============================================= *\/\r\n.bd-eyebrow {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.bd-eyebrow::before {\r\n  content: '';\r\n  width: 2rem;\r\n  height: 0.5px;\r\n  background: var(--gold);\r\n  flex-shrink: 0;\r\n}\r\n.bd-section-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.4rem, 3.5vw, 3.5rem);\r\n  font-weight: 300;\r\n  line-height: 1.1;\r\n  color: var(--cream);\r\n}\r\n.bd-section-title em { font-style: italic; color: var(--gold); }\r\n\r\n\/* =============================================\r\n   DOCTOR SECTION\r\n   ============================================= *\/\r\n.bd-doctor {\r\n  display: grid;\r\n  grid-template-columns: 5fr 7fr;\r\n  min-height: 90vh;\r\n}\r\n.bd-doctor__visual {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #0d0d0b;\r\n  min-height: 500px;\r\n}\r\n.bd-doctor__photo {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(160deg, #141410 0%, #1e1c16 50%, #141410 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* --- DOCTOR PHOTO ---\r\n   Replace the background-image below with\r\n   a real photo of Dr. Bidot.\r\n   Recommended: professional portrait 800x1100px+\r\n   -------------------------------------------- *\/\r\n.bd-doctor__photo-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url('https:\/\/hungry-pare.5-56-166-59.plesk.page\/wp-content\/uploads\/2026\/04\/Estetica-Bidot-38-scaled.jpg'); \/* Add photo URL here *\/\r\n  background-size: cover;\r\n  background-position: center top;\r\n  opacity: 0.85;\r\n}\r\n\r\n.bd-doctor__monogram {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(10rem, 18vw, 18rem);\r\n  font-weight: 300;\r\n  color: rgba(201,169,110,0.05);\r\n  line-height: 1;\r\n  user-select: none;\r\n  position: absolute;\r\n  bottom: -2rem;\r\n  right: -1rem;\r\n  pointer-events: none;\r\n}\r\n.bd-doctor__ring {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  border: 0.5px solid rgba(201,169,110,0.07);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n.bd-doctor__corner {\r\n  position: absolute;\r\n  width: 3rem;\r\n  height: 3rem;\r\n}\r\n.bd-doctor__corner--tl {\r\n  top: 3rem; left: 3rem;\r\n  border-top: 1px solid rgba(201,169,110,0.2);\r\n  border-left: 1px solid rgba(201,169,110,0.2);\r\n}\r\n.bd-doctor__corner--br {\r\n  bottom: 3rem; right: 3rem;\r\n  border-bottom: 1px solid rgba(201,169,110,0.2);\r\n  border-right: 1px solid rgba(201,169,110,0.2);\r\n}\r\n.bd-doctor__badge {\r\n  position: absolute;\r\n  bottom: 3rem; left: 3rem;\r\n  background: rgba(8,8,7,0.75);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  border: 0.5px solid var(--border);\r\n  padding: 1.2rem 1.8rem;\r\n  z-index: 2;\r\n}\r\n.bd-doctor__badge-name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 300;\r\n  color: var(--cream);\r\n}\r\n.bd-doctor__badge-role {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-top: 0.3rem;\r\n}\r\n.bd-doctor__content {\r\n  padding: 6rem 5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  background: var(--card);\r\n}\r\n.bd-doctor__bio {\r\n  font-size: 0.9rem;\r\n  line-height: 1.95;\r\n  color: var(--muted);\r\n  margin-bottom: 1.2rem;\r\n}\r\n.bd-timeline { margin-top: 2.5rem; }\r\n.bd-timeline__item {\r\n  display: grid;\r\n  grid-template-columns: 5.5rem 1fr;\r\n  gap: 1.5rem;\r\n  padding: 1.2rem 0;\r\n  border-bottom: 0.5px solid var(--border);\r\n  align-items: start;\r\n}\r\n.bd-timeline__item:first-child { border-top: 0.5px solid var(--border); }\r\n.bd-timeline__year {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1rem;\r\n  color: var(--gold);\r\n  font-weight: 300;\r\n  padding-top: 2px;\r\n}\r\n.bd-timeline__text {\r\n  font-size: 0.82rem;\r\n  line-height: 1.75;\r\n  color: var(--muted);\r\n}\r\n.bd-timeline__text strong { color: rgba(240,235,224,0.8); font-weight: 400; }\r\n.bd-credentials {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.4rem;\r\n  margin-top: 2.5rem;\r\n}\r\n.bd-cred {\r\n  font-size: 0.63rem;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 0.35rem 0.8rem;\r\n  border: 0.5px solid var(--border);\r\n  color: var(--muted);\r\n}\r\n\r\n\/* =============================================\r\n   TREATMENTS\r\n   ============================================= *\/\r\n.bd-treatments {\r\n  padding: 7rem 5rem;\r\n  background: var(--black);\r\n}\r\n.bd-treatments__head {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-bottom: 5rem;\r\n  gap: 2rem;\r\n}\r\n.bd-treatments__note {\r\n  font-size: 0.82rem;\r\n  line-height: 1.8;\r\n  color: var(--muted);\r\n  max-width: 300px;\r\n  text-align: right;\r\n}\r\n.bd-treatments__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 0.5px;\r\n  background: var(--border);\r\n}\r\n.bd-t-card {\r\n  background: var(--black);\r\n  padding: 2.8rem 2.5rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  transition: background 0.4s;\r\n}\r\n.bd-t-card:hover { background: var(--card); }\r\n.bd-t-card__num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 4rem;\r\n  font-weight: 300;\r\n  color: rgba(201,169,110,0.07);\r\n  position: absolute;\r\n  top: 1rem; right: 1.5rem;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  transition: color 0.4s;\r\n}\r\n.bd-t-card:hover .bd-t-card__num { color: rgba(201,169,110,0.13); }\r\n.bd-t-card__index {\r\n  font-size: 0.63rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 2rem;\r\n  opacity: 0.7;\r\n}\r\n.bd-t-card__name {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.5rem;\r\n  font-weight: 300;\r\n  color: var(--cream);\r\n  line-height: 1.25;\r\n  margin-bottom: 1rem;\r\n}\r\n.bd-t-card__desc {\r\n  font-size: 0.8rem;\r\n  line-height: 1.75;\r\n  color: var(--muted);\r\n}\r\n.bd-t-card__arrow {\r\n  position: absolute;\r\n  bottom: 2rem; right: 2rem;\r\n  width: 2rem; height: 2rem;\r\n  border: 0.5px solid var(--border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--gold);\r\n  font-size: 0.9rem;\r\n  opacity: 0;\r\n  transform: scale(0.8);\r\n  transition: all 0.35s;\r\n}\r\n.bd-t-card:hover .bd-t-card__arrow { opacity: 1; transform: scale(1); }\r\n\r\n\/* =============================================\r\n   PHILOSOPHY\r\n   ============================================= *\/\r\n.bd-phil__hero {\r\n  position: relative;\r\n  height: 70vh;\r\n  min-height: 420px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  background: #0c0c0a;\r\n}\r\n.bd-phil__hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #0e0e0b 0%, #1a180f 50%, #0e0e0b 100%);\r\n}\r\n.bd-phil__pattern {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    repeating-linear-gradient(0deg,  transparent, transparent 60px, rgba(201,169,110,0.03) 60px, rgba(201,169,110,0.03) 61px),\r\n    repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(201,169,110,0.03) 60px, rgba(201,169,110,0.03) 61px);\r\n}\r\n.bd-phil__ring {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n}\r\n.bd-phil__center {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  max-width: 820px;\r\n  padding: 0 3rem;\r\n}\r\n.bd-phil__eyebrow {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 2rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n}\r\n.bd-phil__eyebrow::before,\r\n.bd-phil__eyebrow::after {\r\n  content: '';\r\n  width: 2rem;\r\n  height: 0.5px;\r\n  background: var(--gold);\r\n  flex-shrink: 0;\r\n}\r\n.bd-phil__quote {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.7rem, 3vw, 3rem);\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  line-height: 1.45;\r\n  color: var(--cream);\r\n}\r\n.bd-phil__quote span { color: var(--gold); }\r\n.bd-phil__attr {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  margin-top: 2rem;\r\n}\r\n.bd-phil__values {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0.5px;\r\n  background: var(--border);\r\n}\r\n.bd-pv {\r\n  background: var(--card);\r\n  padding: 3.5rem 2.5rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: background 0.4s;\r\n}\r\n.bd-pv:hover { background: var(--card2); }\r\n.bd-pv__line {\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(to right, var(--gold), transparent);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.5s;\r\n}\r\n.bd-pv:hover .bd-pv__line { transform: scaleX(1); }\r\n.bd-pv__bg-num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 5rem;\r\n  font-weight: 300;\r\n  color: rgba(201,169,110,0.06);\r\n  position: absolute;\r\n  top: -0.5rem; right: 1rem;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n}\r\n.bd-pv__num {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 0.85rem;\r\n  color: var(--gold);\r\n  margin-bottom: 1.5rem;\r\n  display: block;\r\n}\r\n.bd-pv__title {\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: var(--cream);\r\n  margin-bottom: 0.9rem;\r\n  font-weight: 500;\r\n}\r\n.bd-pv__text {\r\n  font-size: 0.8rem;\r\n  line-height: 1.75;\r\n  color: var(--muted);\r\n}\r\n\r\n\/* =============================================\r\n   BANNER\r\n   ============================================= *\/\r\n.bd-banner {\r\n  position: relative;\r\n  height: 52vh;\r\n  min-height: 300px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #14120d;\r\n}\r\n.bd-banner__lines {\r\n  position: absolute;\r\n  top: 2rem; bottom: 2rem;\r\n  left: 5rem; right: 5rem;\r\n}\r\n.bd-banner__line-h {\r\n  position: absolute;\r\n  left: 0; right: 0;\r\n  height: 0.5px;\r\n  background: linear-gradient(to right, transparent, rgba(201,169,110,0.12), transparent);\r\n}\r\n.bd-banner__line-h--top    { top: 0; }\r\n.bd-banner__line-h--bottom { bottom: 0; }\r\n.bd-banner__big {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(5rem, 13vw, 12rem);\r\n  font-weight: 300;\r\n  color: rgba(201,169,110,0.07);\r\n  line-height: 1;\r\n  letter-spacing: 0.06em;\r\n  user-select: none;\r\n  position: absolute;\r\n  white-space: nowrap;\r\n}\r\n.bd-banner__overlay {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n}\r\n.bd-banner__tagline {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(1.5rem, 2.8vw, 2.5rem);\r\n  font-weight: 300;\r\n  color: var(--cream);\r\n  font-style: italic;\r\n}\r\n.bd-banner__sub {\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-top: 1rem;\r\n}\r\n\r\n\/* =============================================\r\n   FAQ\r\n   ============================================= *\/\r\n.bd-faq {\r\n  padding: 7rem 5rem;\r\n  background: var(--card);\r\n}\r\n.bd-faq__grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.6fr;\r\n  gap: 7rem;\r\n  align-items: start;\r\n}\r\n.bd-faq__intro-title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3vw, 2.8rem);\r\n  font-weight: 300;\r\n  line-height: 1.15;\r\n  color: var(--cream);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.bd-faq__intro-title em { font-style: italic; color: var(--gold); }\r\n.bd-faq__intro-text { font-size: 0.85rem; line-height: 1.8; color: var(--muted); }\r\n.bd-faq__item {\r\n  border-bottom: 0.5px solid var(--border);\r\n  cursor: pointer;\r\n}\r\n.bd-faq__q {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 1.6rem 0;\r\n  gap: 2rem;\r\n}\r\n.bd-faq__q-text {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.15rem;\r\n  font-weight: 300;\r\n  color: var(--cream);\r\n  line-height: 1.3;\r\n}\r\n.bd-faq__icon {\r\n  color: var(--gold);\r\n  flex-shrink: 0;\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n  border: 0.5px solid var(--border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1rem;\r\n  transition: transform 0.35s, border-color 0.35s;\r\n  line-height: 1;\r\n}\r\n.bd-faq__a {\r\n  font-size: 0.84rem;\r\n  line-height: 1.85;\r\n  color: var(--muted);\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease, padding-bottom 0.4s ease;\r\n  padding-bottom: 0;\r\n}\r\n.bd-faq__item.open .bd-faq__a  { max-height: 220px; padding-bottom: 1.5rem; }\r\n.bd-faq__item.open .bd-faq__icon { transform: rotate(45deg); border-color: var(--gold); }\r\n\r\n\/* =============================================\r\n   CONTACT\r\n   ============================================= *\/\r\n.bd-contact {\r\n  padding: 7rem 5rem;\r\n  background: var(--black);\r\n}\r\n.bd-contact__grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 7rem;\r\n}\r\n.bd-contact__title {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2rem, 3vw, 2.8rem);\r\n  font-weight: 300;\r\n  line-height: 1.15;\r\n  color: var(--cream);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.bd-contact__title em { font-style: italic; color: var(--gold); }\r\n.bd-contact__intro { font-size: 0.87rem; line-height: 1.85; color: var(--muted); margin-bottom: 2.5rem; }\r\n.bd-contact__items { display: flex; flex-direction: column; }\r\n.bd-contact__item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  padding: 1.4rem 0;\r\n  border-bottom: 0.5px solid var(--border);\r\n}\r\n.bd-contact__item:first-child { border-top: 0.5px solid var(--border); }\r\n.bd-contact__icon {\r\n  width: 2.2rem;\r\n  height: 2.2rem;\r\n  border: 0.5px solid var(--gold);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  font-size: 0.72rem;\r\n  color: var(--gold);\r\n  font-weight: 500;\r\n}\r\n.bd-contact__label { font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }\r\n.bd-contact__value { font-size: 0.9rem; color: var(--cream); margin-top: 0.15rem; }\r\n.bd-form { display: flex; flex-direction: column; gap: 1px; background: var(--border); }\r\n.bd-form__row {\r\n  background: var(--black);\r\n  padding: 1.1rem 1.6rem;\r\n  transition: background 0.3s;\r\n}\r\n.bd-form__row:focus-within { background: var(--card); }\r\n.bd-form__label {\r\n  font-size: 0.62rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  display: block;\r\n  margin-bottom: 0.35rem;\r\n}\r\n.bd-form__row input,\r\n.bd-form__row textarea,\r\n.bd-form__row select {\r\n  width: 100%;\r\n  background: none;\r\n  border: none;\r\n  outline: none;\r\n  color: var(--cream);\r\n  font-size: 0.88rem;\r\n  font-weight: 300;\r\n  resize: none;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n}\r\n.bd-form__row input::placeholder,\r\n.bd-form__row textarea::placeholder { color: var(--border); }\r\n.bd-form__row select option { background: var(--dark); color: var(--cream); }\r\n.bd-form__submit {\r\n  background: var(--gold);\r\n  color: var(--black);\r\n  padding: 1.2rem 2rem;\r\n  border: none;\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background 0.35s;\r\n  text-align: center;\r\n}\r\n.bd-form__submit:hover { background: var(--gold2); }\r\n\r\n\/* =============================================\r\n   FOOTER\r\n   ============================================= *\/\r\n.bd-footer {\r\n  border-top: 0.5px solid var(--border);\r\n  padding: 2.5rem 5rem;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 1rem;\r\n}\r\n.bd-footer__logo {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: 1.1rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.18em;\r\n  color: var(--cream);\r\n}\r\n.bd-footer__logo b { color: var(--gold); font-weight: 400; }\r\n.bd-footer__links { display: flex; gap: 2rem; }\r\n.bd-footer__links a {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  transition: color 0.3s;\r\n}\r\n.bd-footer__links a:hover { color: var(--gold); }\r\n.bd-footer__copy { font-size: 0.65rem; color: var(--muted); letter-spacing: 0.04em; }\r\n\r\n\/* =============================================\r\n   SCROLL REVEAL\r\n   ============================================= *\/\r\n.bd-reveal {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n  transition: opacity 0.9s ease, transform 0.9s ease;\r\n}\r\n.bd-reveal.on { opacity: 1; transform: none; }\r\n.bd-reveal--d1 { transition-delay: 0.15s; }\r\n.bd-reveal--d2 { transition-delay: 0.30s; }\r\n\r\n\/* =============================================\r\n   RESPONSIVE \u2014 TABLET (\u22641024px)\r\n   ============================================= *\/\r\n@media (max-width: 1024px) {\r\n  .bd-nav        { padding: 1.4rem 3rem; }\r\n  .bd-nav.scrolled { padding: 1rem 3rem; }\r\n  .bd-nav__links { gap: 2rem; }\r\n\r\n  .bd-hero__content { padding: 0 3rem; max-width: 680px; }\r\n  .bd-hero__scroll  { right: 3rem; }\r\n\r\n  .bd-nums { grid-template-columns: repeat(2, 1fr); }\r\n  .bd-nums__item { padding: 2rem 2.5rem; }\r\n  .bd-nums__item:nth-child(2) { border-right: none; }\r\n  .bd-nums__item:nth-child(3) { border-top: 0.5px solid var(--border); }\r\n  .bd-nums__item:nth-child(4) { border-right: none; border-top: 0.5px solid var(--border); }\r\n\r\n  .bd-doctor { grid-template-columns: 1fr; }\r\n  .bd-doctor__visual { min-height: 55vw; }\r\n  .bd-doctor__content { padding: 4rem 3rem; }\r\n\r\n  .bd-treatments { padding: 5rem 3rem; }\r\n  .bd-treatments__grid { grid-template-columns: repeat(2, 1fr); }\r\n\r\n  .bd-phil__values { grid-template-columns: repeat(2, 1fr); }\r\n\r\n  .bd-faq    { padding: 5rem 3rem; }\r\n  .bd-faq__grid { grid-template-columns: 1fr; gap: 3rem; }\r\n\r\n  .bd-contact  { padding: 5rem 3rem; }\r\n  .bd-contact__grid { grid-template-columns: 1fr; gap: 4rem; }\r\n\r\n  .bd-footer { padding: 2rem 3rem; }\r\n}\r\n\r\n\/* =============================================\r\n   RESPONSIVE \u2014 MOBILE (\u2264768px)\r\n   ============================================= *\/\r\n@media (max-width: 768px) {\r\n  .bd-nav {\r\n    padding: 1.2rem 1.5rem;\r\n  }\r\n  .bd-nav.scrolled { padding: 1rem 1.5rem; }\r\n  .bd-nav__links { display: none; }\r\n  .bd-nav__cta   { display: none; }\r\n  .bd-nav__hamburger { display: flex; }\r\n\r\n  .bd-hero { min-height: 100svh; }\r\n  .bd-hero__content { padding: 0 1.5rem; max-width: 100%; }\r\n  .bd-hero__sub    { font-size: 0.88rem; }\r\n  .bd-hero__actions { gap: 1.2rem; }\r\n  .bd-btn-gold { padding: 0.9rem 1.8rem; font-size: 0.7rem; }\r\n  .bd-hero__scroll { display: none; }\r\n\r\n  .bd-marquee__item { font-size: 0.62rem; padding: 0 1.5rem; }\r\n\r\n  .bd-nums { grid-template-columns: repeat(2, 1fr); }\r\n  .bd-nums__item { padding: 1.8rem 1.5rem; }\r\n  .bd-nums__big  { font-size: 2.5rem; }\r\n\r\n  .bd-doctor__visual { min-height: 65vw; }\r\n  .bd-doctor__content { padding: 3rem 1.5rem; }\r\n  .bd-timeline__item  { grid-template-columns: 4rem 1fr; }\r\n\r\n  .bd-treatments { padding: 4rem 1.5rem; }\r\n  .bd-treatments__head { flex-direction: column; align-items: flex-start; gap: 1rem; }\r\n  .bd-treatments__note { text-align: left; max-width: 100%; }\r\n  .bd-treatments__grid { grid-template-columns: 1fr; }\r\n  .bd-t-card__arrow { display: none; }\r\n\r\n  .bd-phil__hero { height: auto; padding: 5rem 0; min-height: unset; }\r\n  .bd-phil__center { padding: 0 1.5rem; }\r\n  .bd-phil__quote { font-size: clamp(1.3rem, 5.5vw, 1.8rem); }\r\n  .bd-phil__ring  { display: none; }\r\n  .bd-phil__values { grid-template-columns: 1fr; }\r\n  .bd-pv { padding: 2.5rem 1.5rem; }\r\n\r\n  .bd-banner { height: auto; padding: 4rem 1.5rem; }\r\n  .bd-banner__lines { left: 1.5rem; right: 1.5rem; }\r\n  .bd-banner__big { font-size: clamp(4rem, 18vw, 7rem); }\r\n\r\n  .bd-faq { padding: 4rem 1.5rem; }\r\n  .bd-faq__grid { gap: 2.5rem; }\r\n  .bd-faq__q-text { font-size: 1rem; }\r\n\r\n  .bd-contact { padding: 4rem 1.5rem; }\r\n  .bd-contact__grid { gap: 3rem; }\r\n\r\n  .bd-footer {\r\n    padding: 2rem 1.5rem;\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 1.2rem;\r\n  }\r\n  .bd-footer__links { justify-content: center; }\r\n}\r\n\r\n\/* =============================================\r\n   RESPONSIVE \u2014 SMALL MOBILE (\u2264480px)\r\n   ============================================= *\/\r\n@media (max-width: 480px) {\r\n  .bd-hero__title { letter-spacing: -0.02em; }\r\n  .bd-nums { grid-template-columns: 1fr 1fr; }\r\n  .bd-credentials { gap: 0.35rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ==========================================\r\n     NAV\r\n     ========================================== -->\r\n<nav class=\"bd-nav\" id=\"bd-nav\">\r\n  <a href=\"#\" class=\"bd-nav__logo\">BIDOT<b>.<\/b><\/a>\r\n  <ul class=\"bd-nav__links\">\r\n    <li><a href=\"#bd-doctor\">El Doctor<\/a><\/li>\r\n    <li><a href=\"#bd-tratamientos\">Tratamientos<\/a><\/li>\r\n    <li><a href=\"#bd-filosofia\">Filosof\u00eda<\/a><\/li>\r\n    <li><a href=\"#bd-contacto\">Contacto<\/a><\/li>\r\n  <\/ul>\r\n  <button class=\"bd-nav__cta\" onclick=\"document.getElementById('bd-contacto').scrollIntoView({behavior:'smooth'})\">Reservar cita<\/button>\r\n  <button class=\"bd-nav__hamburger\" id=\"bd-hamburger\" aria-label=\"Men\u00fa\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/button>\r\n<\/nav>\r\n\r\n<!-- Mobile Menu -->\r\n<div class=\"bd-nav__mobile\" id=\"bd-mobile-menu\">\r\n  <a href=\"#bd-doctor\"       onclick=\"closeMobileMenu()\">El Doctor<\/a>\r\n  <a href=\"#bd-tratamientos\" onclick=\"closeMobileMenu()\">Tratamientos<\/a>\r\n  <a href=\"#bd-filosofia\"    onclick=\"closeMobileMenu()\">Filosof\u00eda<\/a>\r\n  <a href=\"#bd-contacto\"     onclick=\"closeMobileMenu()\">Contacto<\/a>\r\n  <button class=\"bd-nav__cta\" onclick=\"closeMobileMenu();document.getElementById('bd-contacto').scrollIntoView({behavior:'smooth'})\">Reservar cita<\/button>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     HERO\r\n     ========================================== -->\r\n<section class=\"bd-hero\">\r\n  <!-- Background image with Ken Burns zoom -->\r\n  <div class=\"bd-hero__bg\"><\/div>\r\n  <div class=\"bd-hero__overlay\"><\/div>\r\n  <div class=\"bd-hero__overlay2\"><\/div>\r\n  <div class=\"bd-hero__grain\"><\/div>\r\n\r\n  <div class=\"bd-hero__content\">\r\n    <div class=\"bd-hero__eyebrow\">\r\n      <div class=\"bd-hero__eyebrow-line\"><\/div>\r\n      <span class=\"bd-hero__eyebrow-text\">Medicina Est\u00e9tica \u00b7 Madrid<\/span>\r\n    <\/div>\r\n    <h1 class=\"bd-hero__title\">\r\n      La belleza<br>que <em>te<\/em><br>pertenece\r\n    <\/h1>\r\n    <p class=\"bd-hero__sub\">\r\n      Tratamientos personalizados de medicina est\u00e9tica no quir\u00fargica.\r\n      Resultados naturales, seguros y pensados para ti.\r\n    <\/p>\r\n    <div class=\"bd-hero__actions\">\r\n      <button class=\"bd-btn-gold\" onclick=\"document.getElementById('bd-contacto').scrollIntoView({behavior:'smooth'})\">\r\n        Solicitar valoraci\u00f3n\r\n      <\/button>\r\n      <button class=\"bd-btn-ghost\" onclick=\"document.getElementById('bd-tratamientos').scrollIntoView({behavior:'smooth'})\">\r\n        Ver tratamientos <span>\u2192<\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bd-hero__scroll\">\r\n    <span class=\"bd-hero__scroll-text\">Descubrir<\/span>\r\n    <div class=\"bd-hero__scroll-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     MARQUEE\r\n     ========================================== -->\r\n<div class=\"bd-marquee\">\r\n  <div class=\"bd-marquee__track\">\r\n    <span class=\"bd-marquee__item\">Armonizaci\u00f3n facial<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Resultados naturales<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">\u00c1cido hialur\u00f3nico<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Toxina botul\u00ednica<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Bioestimuladores<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Hilos tensores<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">L\u00e1ser CO\u2082 fraccionado<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">HIFU \u00b7 Radiofrecuencia<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Medicina est\u00e9tica avanzada<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <!-- Duplicate for seamless loop -->\r\n    <span class=\"bd-marquee__item\">Armonizaci\u00f3n facial<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Resultados naturales<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">\u00c1cido hialur\u00f3nico<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Toxina botul\u00ednica<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Bioestimuladores<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Hilos tensores<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">L\u00e1ser CO\u2082 fraccionado<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">HIFU \u00b7 Radiofrecuencia<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n    <span class=\"bd-marquee__item\">Medicina est\u00e9tica avanzada<\/span><span class=\"bd-marquee__dot\">\u25c6<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     NUMBERS STRIP\r\n     ========================================== -->\r\n<div class=\"bd-nums bd-reveal\">\r\n  <div class=\"bd-nums__item\">\r\n    <div class=\"bd-nums__big\">15+<\/div>\r\n    <div class=\"bd-nums__label\">A\u00f1os de experiencia<\/div>\r\n  <\/div>\r\n  <div class=\"bd-nums__item\">\r\n    <div class=\"bd-nums__big\">3<\/div>\r\n    <div class=\"bd-nums__label\">Pa\u00edses de ejercicio<\/div>\r\n  <\/div>\r\n  <div class=\"bd-nums__item\">\r\n    <div class=\"bd-nums__big\">M\u00e1ster<\/div>\r\n    <div class=\"bd-nums__label\">Est. Facial Integrativa<\/div>\r\n  <\/div>\r\n  <div class=\"bd-nums__item\">\r\n    <div class=\"bd-nums__big\">100%<\/div>\r\n    <div class=\"bd-nums__label\">Protocolos personalizados<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     DOCTOR\r\n     ========================================== -->\r\n<section id=\"bd-doctor\" class=\"bd-doctor\">\r\n  <div class=\"bd-doctor__visual\">\r\n    <div class=\"bd-doctor__photo\">\r\n      <!-- REPLACE: Add background-image via CSS or an <img> tag here -->\r\n      <div class=\"bd-doctor__photo-img\"><\/div>\r\n      <div class=\"bd-doctor__monogram\">B<\/div>\r\n      <div class=\"bd-doctor__ring\" style=\"width:280px;height:280px;\"><\/div>\r\n      <div class=\"bd-doctor__ring\" style=\"width:180px;height:180px;\"><\/div>\r\n    <\/div>\r\n    <div class=\"bd-doctor__corner bd-doctor__corner--tl\"><\/div>\r\n    <div class=\"bd-doctor__corner bd-doctor__corner--br\"><\/div>\r\n    <div class=\"bd-doctor__badge\">\r\n      <div class=\"bd-doctor__badge-name\">Dr. Bidot<\/div>\r\n      <div class=\"bd-doctor__badge-role\">M\u00e9dico Especialista \u00b7 Medicina Est\u00e9tica Facial<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bd-doctor__content\">\r\n    <div class=\"bd-eyebrow bd-reveal\">El especialista<\/div>\r\n    <h2 class=\"bd-section-title bd-reveal\" style=\"margin-bottom:2rem\">\r\n      Formaci\u00f3n,<br><em>experiencia<\/em><br>y visi\u00f3n m\u00e9dica\r\n    <\/h2>\r\n    <p class=\"bd-doctor__bio bd-reveal\">\r\n      M\u00e9dico y empresario de origen cubano radicado en Madrid. Especialista en Medicina Familiar con M\u00e1ster en Medicina Est\u00e9tica Facial Integrativa. Combina rigor cient\u00edfico, experiencia cl\u00ednica internacional y una filosof\u00eda centrada en resultados naturales y arm\u00f3nicos.\r\n    <\/p>\r\n    <div class=\"bd-timeline bd-reveal bd-reveal--d1\">\r\n      <div class=\"bd-timeline__item\">\r\n        <div class=\"bd-timeline__year\">Cuba<\/div>\r\n        <div class=\"bd-timeline__text\"><strong>Licenciatura en Medicina y Cirug\u00eda.<\/strong> Inicio de trayectoria cl\u00ednica en entornos de alta demanda asistencial.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-timeline__item\">\r\n        <div class=\"bd-timeline__year\">Angola<\/div>\r\n        <div class=\"bd-timeline__text\"><strong>Director m\u00e9dico de Cl\u00ednica Filoresma.<\/strong> Gesti\u00f3n cl\u00ednica y docencia universitaria de Anatom\u00eda en la UPRA.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-timeline__item\">\r\n        <div class=\"bd-timeline__year\">Madrid<\/div>\r\n        <div class=\"bd-timeline__text\"><strong>Especialidad en Medicina Familiar (Hospital Cl\u00ednico San Carlos).<\/strong> Adjunto en urgencias en el Hospital Univ. de Torrej\u00f3n y servicio m\u00e9dico del diario El Pa\u00eds.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-timeline__item\">\r\n        <div class=\"bd-timeline__year\">Hoy<\/div>\r\n        <div class=\"bd-timeline__text\"><strong>Fundador y CEO de Est\u00e9tica Bidot sl.<\/strong> Formador de profesionales del sector y divulgador cient\u00edfico en medicina est\u00e9tica.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"bd-credentials bd-reveal bd-reveal--d2\">\r\n      <span class=\"bd-cred\">Esp. Med. Familiar<\/span>\r\n      <span class=\"bd-cred\">M\u00e1ster Est. Facial<\/span>\r\n      <span class=\"bd-cred\">Postgrado Est. Integrativa<\/span>\r\n      <span class=\"bd-cred\">Experto drogodependencia<\/span>\r\n      <span class=\"bd-cred\">Formador m\u00e9dicos<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     TREATMENTS\r\n     ========================================== -->\r\n<section id=\"bd-tratamientos\" class=\"bd-treatments\">\r\n  <div class=\"bd-treatments__head bd-reveal\">\r\n    <div>\r\n      <div class=\"bd-eyebrow\" style=\"margin-bottom:1.5rem\">Procedimientos<\/div>\r\n      <h2 class=\"bd-section-title\">Tratamientos<br><em>a medida<\/em><\/h2>\r\n    <\/div>\r\n    <p class=\"bd-treatments__note\">Cada protocolo se define tras una valoraci\u00f3n m\u00e9dica exhaustiva. Sin soluciones gen\u00e9ricas.<\/p>\r\n  <\/div>\r\n  <div class=\"bd-treatments__grid bd-reveal\">\r\n    <div class=\"bd-t-card\">\r\n      <div class=\"bd-t-card__num\">01<\/div>\r\n      <div class=\"bd-t-card__index\">Tratamiento estrella<\/div>\r\n      <div class=\"bd-t-card__name\">Neuromoduladores &<br>Toxina Botul\u00ednica<\/div>\r\n      <div class=\"bd-t-card__desc\">Correcci\u00f3n de arrugas din\u00e1micas, hiperhidrosis y bruxismo. El tratamiento m\u00e1s solicitado, con resultados inmediatos y naturales.<\/div>\r\n      <div class=\"bd-t-card__arrow\">\u2192<\/div>\r\n    <\/div>\r\n    <div class=\"bd-t-card\">\r\n      <div class=\"bd-t-card__num\">02<\/div>\r\n      <div class=\"bd-t-card__index\">Armonizaci\u00f3n<\/div>\r\n      <div class=\"bd-t-card__name\">\u00c1cido Hialur\u00f3nico<br>Facial & Corporal<\/div>\r\n      <div class=\"bd-t-card__desc\">Correcci\u00f3n de asimetr\u00edas, restauraci\u00f3n de vol\u00famenes y definici\u00f3n de estructuras. Uso facial y corporal (deltoides, gl\u00fateos, piernas).<\/div>\r\n      <div class=\"bd-t-card__arrow\">\u2192<\/div>\r\n    <\/div>\r\n    <div class=\"bd-t-card\">\r\n      <div class=\"bd-t-card__num\">03<\/div>\r\n      <div class=\"bd-t-card__index\">Regeneraci\u00f3n<\/div>\r\n      <div class=\"bd-t-card__name\">Bioestimuladores<br>& PRP<\/div>\r\n      <div class=\"bd-t-card__desc\">\u00c1cido poli-L-l\u00e1ctico, hidroxiapatita de calcio y plasma rico en plaquetas para revitalizar y estimular la producci\u00f3n de col\u00e1geno.<\/div>\r\n      <div class=\"bd-t-card__arrow\">\u2192<\/div>\r\n    <\/div>\r\n    <div class=\"bd-t-card\">\r\n      <div class=\"bd-t-card__num\">04<\/div>\r\n      <div class=\"bd-t-card__index\">Tensado<\/div>\r\n      <div class=\"bd-t-card__name\">Hilos Tensores<br>PDO \u00b7 PLA \u00b7 PCL<\/div>\r\n      <div class=\"bd-t-card__desc\">Reafirmaci\u00f3n cut\u00e1nea sin cirug\u00eda. Mejora la calidad de la piel y la arquitectura facial con resultados progresivos y duraderos.<\/div>\r\n      <div class=\"bd-t-card__arrow\">\u2192<\/div>\r\n    <\/div>\r\n    <div class=\"bd-t-card\">\r\n      <div class=\"bd-t-card__num\">05<\/div>\r\n      <div class=\"bd-t-card__index\">Tecnolog\u00eda<\/div>\r\n      <div class=\"bd-t-card__name\">L\u00e1ser CO\u2082 \u00b7 HIFU<br>Radiofrecuencia \u00b7 IPL<\/div>\r\n      <div class=\"bd-t-card__desc\">Fotorejuvenecimiento, remodelaci\u00f3n tisular y mejora de textura mediante tecnolog\u00eda m\u00e9dico-est\u00e9tica de \u00faltima generaci\u00f3n.<\/div>\r\n      <div class=\"bd-t-card__arrow\">\u2192<\/div>\r\n    <\/div>\r\n    <div class=\"bd-t-card\">\r\n      <div class=\"bd-t-card__num\">06<\/div>\r\n      <div class=\"bd-t-card__index\">Renovaci\u00f3n<\/div>\r\n      <div class=\"bd-t-card__name\">Peeling Qu\u00edmico<br>& Mesoterapia<\/div>\r\n      <div class=\"bd-t-card__desc\">Renovaci\u00f3n epid\u00e9rmica controlada y aporte de principios activos en dermis. Piel m\u00e1s luminosa, uniforme y saludable.<\/div>\r\n      <div class=\"bd-t-card__arrow\">\u2192<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     PHILOSOPHY\r\n     ========================================== -->\r\n<section id=\"bd-filosofia\">\r\n  <div class=\"bd-phil__hero\">\r\n    <div class=\"bd-phil__hero-bg\"><\/div>\r\n    <div class=\"bd-phil__pattern\"><\/div>\r\n    <div class=\"bd-phil__ring\" style=\"width:520px;height:520px;border:0.5px solid rgba(201,169,110,0.06)\"><\/div>\r\n    <div class=\"bd-phil__ring\" style=\"width:360px;height:360px;border:0.5px solid rgba(201,169,110,0.04)\"><\/div>\r\n    <div class=\"bd-phil__center bd-reveal\">\r\n      <div class=\"bd-phil__eyebrow\">Nuestra filosof\u00eda<\/div>\r\n      <blockquote class=\"bd-phil__quote\">\r\n        \"No realizamos tratamientos por realizarlos.\r\n        Cada procedimiento tiene <span>un objetivo m\u00e9dico claro<\/span>,\r\n        explicado con base cient\u00edfica.\"\r\n      <\/blockquote>\r\n      <div class=\"bd-phil__attr\">\u2014 Dr. Bidot \u00b7 Est\u00e9tica Bidot sl., Madrid<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"bd-phil__values bd-reveal\">\r\n    <div class=\"bd-pv\">\r\n      <div class=\"bd-pv__line\"><\/div>\r\n      <div class=\"bd-pv__bg-num\">I<\/div>\r\n      <span class=\"bd-pv__num\">01<\/span>\r\n      <div class=\"bd-pv__title\">Valoraci\u00f3n exhaustiva<\/div>\r\n      <div class=\"bd-pv__text\">Antes de cualquier tratamiento, estudiamos fisonom\u00eda, rasgos y anatom\u00eda del paciente. Escuchar primero, actuar despu\u00e9s.<\/div>\r\n    <\/div>\r\n    <div class=\"bd-pv\">\r\n      <div class=\"bd-pv__line\"><\/div>\r\n      <div class=\"bd-pv__bg-num\">II<\/div>\r\n      <span class=\"bd-pv__num\">02<\/span>\r\n      <div class=\"bd-pv__title\">Resultados naturales<\/div>\r\n      <div class=\"bd-pv__text\">Los cambios deben ser arm\u00f3nicos con la edad y el estilo de vida del paciente. La naturalidad no es un l\u00edmite, es el objetivo.<\/div>\r\n    <\/div>\r\n    <div class=\"bd-pv\">\r\n      <div class=\"bd-pv__line\"><\/div>\r\n      <div class=\"bd-pv__bg-num\">III<\/div>\r\n      <span class=\"bd-pv__num\">03<\/span>\r\n      <div class=\"bd-pv__title\">Seguimiento m\u00e9dico<\/div>\r\n      <div class=\"bd-pv__text\">El envejecimiento es progresivo. Acompa\u00f1amos a cada paciente con consultas de control y protocolos adaptados en el tiempo.<\/div>\r\n    <\/div>\r\n    <div class=\"bd-pv\">\r\n      <div class=\"bd-pv__line\"><\/div>\r\n      <div class=\"bd-pv__bg-num\">IV<\/div>\r\n      <span class=\"bd-pv__num\">04<\/span>\r\n      <div class=\"bd-pv__title\">Base cient\u00edfica<\/div>\r\n      <div class=\"bd-pv__text\">La medicina est\u00e9tica es una especialidad m\u00e9dica seria. Explicamos con rigor el porqu\u00e9 de cada decisi\u00f3n cl\u00ednica. Siempre.<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     BANNER\r\n     ========================================== -->\r\n<div class=\"bd-banner bd-reveal\">\r\n  <div class=\"bd-banner__lines\">\r\n    <div class=\"bd-banner__line-h bd-banner__line-h--top\"><\/div>\r\n    <div class=\"bd-banner__line-h bd-banner__line-h--bottom\"><\/div>\r\n  <\/div>\r\n  <div class=\"bd-banner__big\">BIDOT<\/div>\r\n  <div class=\"bd-banner__overlay\">\r\n    <div class=\"bd-banner__tagline\">Medicina est\u00e9tica con prop\u00f3sito<\/div>\r\n    <div class=\"bd-banner__sub\">Madrid \u00b7 Lunes a Viernes \u00b7 11:00 \u2013 20:00 h<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     FAQ\r\n     ========================================== -->\r\n<section id=\"bd-faq\" class=\"bd-faq\">\r\n  <div class=\"bd-faq__grid\">\r\n    <div class=\"bd-reveal\">\r\n      <div class=\"bd-eyebrow\">Preguntas frecuentes<\/div>\r\n      <h2 class=\"bd-faq__intro-title\">Todo lo que<br>necesitas <em>saber<\/em><\/h2>\r\n      <p class=\"bd-faq__intro-text\">Cualquier duda adicional, cons\u00faltanos directamente. Estaremos encantados de orientarte sin compromiso.<\/p>\r\n    <\/div>\r\n    <div class=\"bd-reveal bd-reveal--d1\">\r\n      <div class=\"bd-faq__item\">\r\n        <div class=\"bd-faq__q\"><span class=\"bd-faq__q-text\">\u00bfCu\u00e1nto dura la recuperaci\u00f3n?<\/span><div class=\"bd-faq__icon\">+<\/div><\/div>\r\n        <div class=\"bd-faq__a\">La mayor\u00eda de tratamientos no requieren baja laboral y permiten retomar la actividad de inmediato. En algunos procedimientos puede aparecer leve enrojecimiento o inflamaci\u00f3n transitoria que desaparece en 24\u201348 horas.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-faq__item\">\r\n        <div class=\"bd-faq__q\"><span class=\"bd-faq__q-text\">\u00bfSon dolorosos los procedimientos?<\/span><div class=\"bd-faq__icon\">+<\/div><\/div>\r\n        <div class=\"bd-faq__a\">La gran mayor\u00eda son muy bien tolerados. Cuando es necesario, se aplica anestesia t\u00f3pica para maximizar el confort durante el procedimiento.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-faq__item\">\r\n        <div class=\"bd-faq__q\"><span class=\"bd-faq__q-text\">\u00bfC\u00f3mo s\u00e9 qu\u00e9 tratamiento necesito?<\/span><div class=\"bd-faq__icon\">+<\/div><\/div>\r\n        <div class=\"bd-faq__a\">Cada paciente requiere una valoraci\u00f3n m\u00e9dica personalizada previa. En la primera consulta analizamos fisonom\u00eda, necesidades y objetivos para definir el protocolo m\u00e1s adecuado.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-faq__item\">\r\n        <div class=\"bd-faq__q\"><span class=\"bd-faq__q-text\">\u00bfLos resultados son permanentes?<\/span><div class=\"bd-faq__icon\">+<\/div><\/div>\r\n        <div class=\"bd-faq__a\">El envejecimiento es un proceso continuo. Por eso dise\u00f1amos protocolos con seguimiento personalizado, adaptados a la evoluci\u00f3n natural de cada paciente a lo largo del tiempo.<\/div>\r\n      <\/div>\r\n      <div class=\"bd-faq__item\">\r\n        <div class=\"bd-faq__q\"><span class=\"bd-faq__q-text\">\u00bfRealiz\u00e1is tratamientos de est\u00e9tica convencional?<\/span><div class=\"bd-faq__icon\">+<\/div><\/div>\r\n        <div class=\"bd-faq__a\">No. Todos los procedimientos son tratamientos m\u00e9dicos realizados por el Dr. Bidot con protocolo cl\u00ednico riguroso. No somos un centro de est\u00e9tica convencional.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     CONTACT\r\n     ========================================== -->\r\n<section id=\"bd-contacto\" class=\"bd-contact\">\r\n  <div class=\"bd-contact__grid\">\r\n    <div class=\"bd-reveal\">\r\n      <div class=\"bd-eyebrow\">Contacto<\/div>\r\n      <h2 class=\"bd-contact__title\">Inicia tu<br><em>valoraci\u00f3n<\/em><br>personalizada<\/h2>\r\n      <p class=\"bd-contact__intro\">Ponte en contacto para concertar tu primera consulta m\u00e9dica. Te orientaremos de forma honesta y sin compromiso.<\/p>\r\n      <div class=\"bd-contact__items\">\r\n        \r\n        <div class=\"bd-contact__item\">\r\n          <div class=\"bd-contact__icon\">@<\/div>\r\n          <div>\r\n            <div class=\"bd-contact__label\">Email<\/div>\r\n            <div class=\"bd-contact__value\">info@esteticabidot.com<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"bd-contact__item\">\r\n          <div class=\"bd-contact__icon\">\u25f7<\/div>\r\n          <div>\r\n            <div class=\"bd-contact__label\">Horario<\/div>\r\n            <div class=\"bd-contact__value\">Lunes a Viernes \u00b7 11:00 \u2013 20:00 h<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bd-reveal bd-reveal--d1\">\r\n      <div class=\"bd-form\">\r\n        <div class=\"bd-form__row\">\r\n          <label class=\"bd-form__label\" for=\"bd-nombre\">Nombre completo<\/label>\r\n          <input type=\"text\" id=\"bd-nombre\" placeholder=\"Tu nombre\" autocomplete=\"name\">\r\n        <\/div>\r\n        <div class=\"bd-form__row\">\r\n          <label class=\"bd-form__label\" for=\"bd-contacto-val\">Tel\u00e9fono o email<\/label>\r\n          <input type=\"text\" id=\"bd-contacto-val\" placeholder=\"C\u00f3mo prefieres que contactemos contigo\">\r\n        <\/div>\r\n        <div class=\"bd-form__row\">\r\n          <label class=\"bd-form__label\" for=\"bd-tratamiento\">\u00c1rea de inter\u00e9s<\/label>\r\n          <select id=\"bd-tratamiento\">\r\n            <option value=\"\" disabled selected>Selecciona un tratamiento<\/option>\r\n            <option>Toxina botul\u00ednica \/ Neuromoduladores<\/option>\r\n            <option>\u00c1cido hialur\u00f3nico facial<\/option>\r\n            <option>\u00c1cido hialur\u00f3nico corporal<\/option>\r\n            <option>Bioestimuladores \/ PRP<\/option>\r\n            <option>Hilos tensores<\/option>\r\n            <option>Tecnolog\u00eda (L\u00e1ser, HIFU, RF, IPL)<\/option>\r\n            <option>Peeling \/ Mesoterapia<\/option>\r\n            <option>No lo s\u00e9, necesito orientaci\u00f3n<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"bd-form__row\">\r\n          <label class=\"bd-form__label\" for=\"bd-mensaje\">Mensaje (opcional)<\/label>\r\n          <textarea id=\"bd-mensaje\" rows=\"4\" placeholder=\"Cu\u00e9ntanos un poco m\u00e1s...\"><\/textarea>\r\n        <\/div>\r\n        <button class=\"bd-form__submit\" id=\"bd-submit\">\r\n          Solicitar primera consulta \u2192\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ==========================================\r\n     FOOTER\r\n     ========================================== -->\r\n<footer class=\"bd-footer\">\r\n  <div class=\"bd-footer__logo\">BIDOT<b>.<\/b><\/div>\r\n  <div class=\"bd-footer__links\">\r\n    <a href=\"#bd-doctor\">El Doctor<\/a>\r\n    <a href=\"#bd-tratamientos\">Tratamientos<\/a>\r\n    <a href=\"#bd-contacto\">Contacto<\/a>\r\n  <\/div>\r\n  <div class=\"bd-footer__copy\">\u00a9 2025 Est\u00e9tica Bidot sl. \u00b7 Madrid<\/div>\r\n<\/footer>\r\n\r\n<!-- ==========================================\r\n     JAVASCRIPT\r\n     ========================================== -->\r\n<script>\r\n(function() {\r\n  \/* --- Nav scroll state --- *\/\r\n  var nav = document.getElementById('bd-nav');\r\n  window.addEventListener('scroll', function() {\r\n    nav.classList.toggle('scrolled', window.scrollY > 60);\r\n  }, { passive: true });\r\n\r\n  \/* --- Mobile menu --- *\/\r\n  var hamburger = document.getElementById('bd-hamburger');\r\n  var mobileMenu = document.getElementById('bd-mobile-menu');\r\n  hamburger.addEventListener('click', function() {\r\n    var open = mobileMenu.classList.toggle('open');\r\n    hamburger.classList.toggle('open', open);\r\n    document.body.style.overflow = open ? 'hidden' : '';\r\n  });\r\n  window.closeMobileMenu = function() {\r\n    mobileMenu.classList.remove('open');\r\n    hamburger.classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  };\r\n\r\n  \/* --- Scroll reveal --- *\/\r\n  var revealEls = document.querySelectorAll('.bd-reveal');\r\n  var revealObs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('on');\r\n        revealObs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.08 });\r\n  revealEls.forEach(function(el) { revealObs.observe(el); });\r\n\r\n  \/* --- FAQ accordion --- *\/\r\n  document.querySelectorAll('.bd-faq__item').forEach(function(item) {\r\n    item.querySelector('.bd-faq__q').addEventListener('click', function() {\r\n      var wasOpen = item.classList.contains('open');\r\n      document.querySelectorAll('.bd-faq__item').forEach(function(i) { i.classList.remove('open'); });\r\n      if (!wasOpen) item.classList.add('open');\r\n    });\r\n  });\r\n\r\n  \/* --- Form submit feedback --- *\/\r\n  document.getElementById('bd-submit').addEventListener('click', function() {\r\n    var nombre = document.getElementById('bd-nombre').value.trim();\r\n    var contacto = document.getElementById('bd-contacto-val').value.trim();\r\n    if (!nombre || !contacto) {\r\n      alert('Por favor, completa al menos tu nombre y un dato de contacto.');\r\n      return;\r\n    }\r\n    this.textContent = '\u2713  Mensaje enviado \u2014 te contactamos pronto';\r\n    this.style.background = '#2a3d2a';\r\n    this.style.color = '#9fc49f';\r\n    this.disabled = true;\r\n  });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cl\u00ednicas Bidot \u00b7 Medicina Est\u00e9tica \u00b7 Madrid BIDOT. El Doctor Tratamientos Filosof\u00eda Contacto Reservar cita El Doctor Tratamientos Filosof\u00eda Contacto Reservar cita Medicina Est\u00e9tica \u00b7 Madrid La bellezaque tepertenece Tratamientos personalizados de medicina est\u00e9tica no quir\u00fargica. Resultados naturales, seguros y pensados para ti. Solicitar valoraci\u00f3n Ver tratamientos \u2192 Descubrir Armonizaci\u00f3n facial\u25c6 Resultados naturales\u25c6 \u00c1cido hialur\u00f3nico\u25c6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":17,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}