{"id":124,"date":"2026-07-14T15:25:19","date_gmt":"2026-07-14T20:25:19","guid":{"rendered":"https:\/\/angelabenites.com\/?page_id=124"},"modified":"2026-07-31T15:16:20","modified_gmt":"2026-07-31T20:16:20","slug":"wpbody","status":"publish","type":"page","link":"https:\/\/angelabenites.com\/","title":{"rendered":"WPBody"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ============================================================\n   angelabenites.com \u2014 sistema visual compartido\n   Base tierra\/beige \u00b7 acento celeste \u00b7 cl\u00ednico-premium\n   ============================================================ *\/\n\n\/* ---------- Tokens ---------- *\/\n:root{\n  \/* tierra \/ papel *\/\n  --paper:      #f6f6f0;   \n  --paper-2:    #efe9dd;   \n  --cream:      #fbfaf6;   \n  --line:       #e3ddcf;   \n  --line-soft:  #ece6d9;\n  --white:      #ffffff;\n\n  \/* celeste (acento) *\/\n  --sky-light:  #c9d8e8;\n  --sky:        #9cc8e2;\n  --sky-tint:   #e7eff5;   \n  --sky-tint-2: #dde9f1;\n  --sky-deep:   #4d82a6;   \n  --sky-deeper: #3d6a8a;\n\n  \/* tinta *\/\n  --ink:        #2b2924;   \n  --ink-2:      #57534a;   \n  --muted:      #8c877b;   \n\n  --maxw: 1240px;\n  --radius: 0px;\n\n  --font-display: \"Cormorant Garamond\", Georgia, serif;\n  --font-body:    \"Mulish\", system-ui, -apple-system, sans-serif;\n}\n\n\/* ---------- Reset \/ base ---------- *\/\n*{ box-sizing:border-box; margin:0; padding:0; }\nhtml{ \n  -webkit-font-smoothing:antialiased; \n  text-rendering:optimizeLegibility; \n  scroll-behavior:smooth; \n  font-size: 16px; \/* Base para usar REM en todo el sitio *\/\n}\nbody{\n  font-family:var(--font-body);\n  background:var(--paper);\n  color:var(--ink-2);\n  font-size: 1.125rem; \/* 18px *\/\n  line-height:1.6;\n  font-weight:400;\n}\nimg{ display:block; max-width:100%; }\na{ color:inherit; text-decoration:none; }\nbutton{ font-family:inherit; cursor:pointer; }\n\n.container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 3rem; }\n\n\/* ---------- Tipograf\u00eda utilitaria ---------- *\/\n.eyebrow{\n  font-family:var(--font-body);\n  font-size: 0.78125rem; \/* ~12.5px *\/\n  font-weight:700;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  color:var(--sky-deep);\n}\nh1,h2,h3{ color:var(--ink); font-weight:500; line-height:1.08; letter-spacing:-.01em; }\n\n.va h1, .va h2, .va h3, .va .display{ font-family:var(--font-display); font-weight:500; letter-spacing:0; }\n.va h1{ font-size: 4rem; \/* 64px *\/ line-height:1.04; }\n.va h2{ font-size: 2.875rem; \/* 46px *\/ line-height:1.06; }\n.va .display em{ font-style:italic; }\n.va .display b, .va .display strong{ font-weight:600; }\n\n.lead{ font-size: 1.25rem; \/* 20px *\/ color:var(--ink-2); line-height:1.6; }\n.muted{ color:var(--muted); }\n\n\/* ---------- Botones ---------- *\/\n.btn{\n  display:inline-flex; align-items:center; gap:.6em; white-space:nowrap;\n  font-weight:700; font-size: 0.8125rem; \/* 13px *\/ letter-spacing:.12em; text-transform:uppercase;\n  padding: 1rem 1.875rem; border:1px solid var(--ink);\n  background:var(--sky-light); color:var(--ink);\n  position:relative; transition:transform .18s ease, background .18s ease;\n}\n\n.ast-single-post .entry-content a{text-decoration:none; }\n\n.va .btn::after{\n  content:\"\"; position:absolute; inset:5px -5px -5px 5px;\n  border:1px solid var(--ink); z-index:-1; transition:inset .18s ease;\n}\n.va .btn:hover{ background:var(--sky); }\n.va .btn:hover::after{ inset:3px -3px -3px 3px; }\n\n.btn-ghost{\n  display:inline-flex; align-items:center; gap:.5em; white-space:nowrap;\n  font-weight:700; font-size: 0.875rem; \/* 14px *\/ color:var(--ink);\n  border-bottom:1.5px solid var(--ink); padding-bottom:3px;\n  transition:color .15s, border-color .15s;\n}\n.btn-ghost:hover{ color:var(--sky-deep); border-color:var(--sky-deep); }\n\n\/* ---------- Navegaci\u00f3n ---------- *\/\n.nav{\n  position:sticky; top:0; z-index:50;\n  background:color-mix(in srgb, var(--paper) 86%, transparent);\n  backdrop-filter:saturate(1.1) blur(10px);\n  border-bottom:1px solid var(--line);\n}\n.nav-inner{ display:flex; align-items:center; justify-content:space-between; height: 5.25rem; \/* 84px *\/ }\n.brand{ display:flex; align-items:center; gap: 0.8125rem; \/* 13px *\/ }\n.brand-mark{\n  width: 2.625rem; height: 2.625rem; border-radius:50%; border:1.5px solid var(--sky-deep);\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--font-display); font-size: 1.1875rem; \/* 19px *\/ font-weight:600; color:var(--sky-deep);\n}\n.brand-name{ display:block; font-family:var(--font-display); font-size: 1.375rem; \/* 22px *\/ font-weight:600; color:var(--ink); line-height:1; letter-spacing:.01em; }\n.brand-sub{ display:block; white-space:nowrap; font-size: 0.65625rem; \/* 10.5px *\/ letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-top:5px; font-weight:600; }\n\n.nav-right { display:flex; align-items:center; gap: 1.875rem; \/* 30px *\/ }\n.nav-links{ display:flex; align-items:center; gap: 1.875rem; \/* 30px *\/ }\n.nav-links a{\n  font-size: 0.8125rem; \/* 13px *\/ letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--ink-2);\n  white-space:nowrap; transition:color .15s;\n}\n.nav-links a:hover{ color:var(--sky-deep); }\n.nav .btn{ padding: 0.75rem 1.375rem; font-size: 0.71875rem; \/* 11.5px *\/ }\n.va .nav .btn::after{ inset:4px -4px -4px 4px; }\n\n.hamburger {\n  display:none; background:transparent; border:none; color:var(--ink);\n  cursor:pointer; padding:5px; align-items:center; justify-content:center;\n}\n\n\/* ---------- Placeholders gen\u00e9ricos ---------- *\/\n.ph{\n  position:relative; overflow:hidden; background:var(--paper-2);\n  background-image: repeating-linear-gradient(135deg, rgba(140,160,180,.10) 0 2px, transparent 2px 16px);\n}\n.ph::after{\n  content:attr(data-label);\n  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\n  font-family:\"DM Mono\", ui-monospace, monospace; font-size: 0.75rem; \/* 12px *\/ letter-spacing:.06em;\n  color:var(--muted); text-transform:uppercase; text-align:center; padding: 1.125rem;\n}\n.ph.sky{ background:var(--sky-tint); background-image:repeating-linear-gradient(135deg, rgba(77,130,166,.12) 0 2px, transparent 2px 16px); }\n\n\/* ---------- Secciones Base ---------- *\/\nsection{ position:relative; }\n.sec{ padding: 7.5rem 0; \/* 120px *\/ }\n.sec-head{ max-width: 47.5rem; \/* 760px *\/ }\n.sec-head.center{ margin:0 auto; text-align:center; }\n.sec-head .eyebrow{ display:block; margin-bottom: 1.125rem; }\n.sec-head p{ margin-top: 1.125rem; font-size: 1.1875rem; \/* 19px *\/ }\n.mobile-title { display: none; } \/* Oculto en escritorio *\/\n\n\/* ---------- ANIMACIONES AL SCROLL ---------- *\/\n.reveal {\nopacity: 0 !important;\n  transform: translateY(35px) !important;\n  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n}\n.reveal.active {\nopacity: 1 !important;\n  transform: translateY(0) !important;\n}\n\/* Cascada sutil para grids *\/\n.help-card.reveal:nth-child(1) { transition-delay: 0.1s; }\n.help-card.reveal:nth-child(2) { transition-delay: 0.25s; }\n.help-card.reveal:nth-child(3) { transition-delay: 0.4s; }\n\n.treat-card.reveal:nth-child(1) { transition-delay: 0.1s; }\n.treat-card.reveal:nth-child(2) { transition-delay: 0.2s; }\n.treat-card.reveal:nth-child(3) { transition-delay: 0.3s; }\n.treat-card.reveal:nth-child(4) { transition-delay: 0.4s; }\n\n.pillar.reveal:nth-child(1) { transition-delay: 0.1s; }\n.pillar.reveal:nth-child(2) { transition-delay: 0.2s; }\n.pillar.reveal:nth-child(3) { transition-delay: 0.3s; }\n.pillar.reveal:nth-child(4) { transition-delay: 0.4s; }\n\n\/* ---------- HERO ---------- *\/\n.hero{ position:relative; min-height: 40rem; \/* 640px *\/ display:flex; align-items:center; overflow:hidden; }\n.hero-slides{ position:absolute; inset:0; z-index:0; }\n.hero-slide{\n  position:absolute; inset:0;\n  background-image: var(--img, none), repeating-linear-gradient(135deg, rgba(77,130,166,.12) 0 2px, transparent 2px 16px);\n  background-size: cover, auto;\n  background-position: top right;\n  background-color: var(--sky-tint);\n  opacity:0; transition:opacity .7s ease;\n  \n}\n.hero-slide.on{ opacity:1; z-index:1; }\n.hero-slide::after{\n  content:attr(data-label);\n  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\n  font-family:\"DM Mono\", ui-monospace, monospace; font-size: 0.75rem; \/* 12px *\/ letter-spacing:.06em;\n  color:var(--sky-deeper); text-transform:uppercase; text-align:center; padding: 1.125rem;\n}\n.hero-scrim{\n  position:absolute; inset:0; z-index:1;\n  background:linear-gradient(90deg, rgba(24,23,19,.68) 0%, rgba(24,23,19,.42) 40%, rgba(24,23,19,.08) 70%);\n}\n\n.hero-copies {\n  position: relative; z-index: 2; width: 100%; max-width: 40.625rem; \/* 650px *\/\n  display: grid; grid-template-columns: 1fr;\n  padding: 5rem 4.5rem; \/* 80px 72px *\/\n}\n.hero-copy {\n  grid-row: 1; grid-column: 1;\n  opacity: 0; pointer-events: none; transition: opacity 0.5s ease;\n  display: flex; flex-direction: column; justify-content: center;\n}\n.hero-copy.on { opacity: 1; pointer-events: auto; z-index: 2; }\n.hero-copy .eyebrow{ margin-bottom: 1.5rem; color:var(--sky-light); }\n.hero-copy h1{ margin-bottom: 1.875rem; max-width:20ch; color:#fff; }\n.va .hero-copy h1{ font-size: 3.4375rem; \/* 55px *\/ }\n.hero-copy .lead{ max-width:46ch; margin-bottom: 2.375rem; color:#e7e3d8; }\n.hero-actions{ display:flex; align-items:center; gap: 1.75rem; flex-wrap:wrap; }\n\n\/* slider chrome *\/\n.slider-ui{ display:flex; align-items:center; position:absolute;justify-content:space-between;left:0;right:0;bottom:0;z-index:5;padding: 1rem 4.5rem;}\n.slider-dots{ display:flex; gap: 0.625rem; }\n.slider-dots span{ width: 1.875rem; height: 3px; background:rgba(255,255,255,.35); display:block; cursor: pointer; transition: background 0.3s; }\n.slider-dots span.on{ background:var(--sky); }\n.slider-count{ font-family:\"DM Mono\",monospace; font-size: 0.8125rem; \/* 13px *\/ color:#cfcabd; letter-spacing:.1em; }\n.slider-arrows{ display:flex; gap: 0.625rem; }\n.slider-arrows button{\n  width: 3.125rem; height: 3.125rem; border:1px solid rgba(255,255,255,.5); background:transparent; color:#fff;\n  display:flex; align-items:center; justify-content:center; font-size: 1.125rem; \/* 18px *\/ transition:background .15s,color .15s,border-color .15s;\n}\n.slider-arrows button:hover{ background:#fff; color:var(--ink); border-color:#fff; }\n\n\/* ---------- Tarjetas \"c\u00f3mo puedo ayudarte\" ---------- *\/\n#estetica.sec {background:var(--white);}\n.help-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap: 1.625rem; margin-top: 4rem; }\n.help-card{\n  background:var(--cream); border:1px solid var(--line); \n  display:flex; flex-direction:column; transition:border-color .2s, transform .2s, opacity 0.8s, transform 0.8s;\n  overflow: hidden;\n}\n.help-card:hover{ border-color:var(--sky-deep); transform:translateY(-4px); }\n\n.help-card-img {\n  width: 100%; aspect-ratio: 21\/9;\n  background-color: var(--paper-2);\n  border-bottom: 1px solid var(--line);\n  background-image: var(--img, none);\n  background-size: cover; background-position: center;\n}\n.help-card-content { padding: 2.25rem 2.5rem 2.5rem; display: flex; flex-direction: column; flex: 1; }\n.help-num{ font-family:var(--font-display); font-size: 2.875rem; \/* 46px *\/ font-weight:500; color:var(--sky); line-height:1; margin-bottom: 1.25rem; }\n.help-card h3{ font-size: 1.5625rem; \/* 25px *\/ margin-bottom: 1rem; }\n.help-card p{ font-size: 1.03125rem; \/* 16.5px *\/ line-height:1.62; color:var(--ink-2); flex:1; margin-bottom: 1.625rem; }\n.help-card .btn-ghost{ font-size: 0.8125rem; \/* 13px *\/ align-self:flex-start; }\n\n\/* ---------- Tratamientos ---------- *\/\n#tratamientos.sec {background:var(--paper);}\n.treat-grid{ display:grid; grid-template-columns:.82fr 1.18fr; gap: 3.75rem; align-items:stretch; }\n.treat-photo{ min-height: 35rem; \/* 560px *\/ overflow: hidden; }\n.treat-content{ display:flex; flex-direction:column; justify-content:center; }\n.treat-content .eyebrow{ margin-bottom: 1rem; }\n.treat-content h2{ margin-bottom: 2.375rem; max-width: 21ch; }\n.treat-cards{ display:grid; grid-template-columns:1fr 1fr; gap: 1.375rem; }\n.treat-card{ border:1px solid var(--line); background:var(--cream); padding: 1.875rem 1.75rem; transition:border-color .2s, transform .2s, opacity 0.8s, transform 0.8s; }\n.treat-card:hover{ border-color:var(--sky-deep); transform:translateY(-3px); }\n.va .treat-card h4{ font-family:var(--font-display); font-size: 1.5rem; \/* 24px *\/ font-weight:600; color:var(--ink); margin-bottom: 0.6875rem; }\n.treat-card p{ font-size: 0.96875rem; \/* 15.5px *\/ line-height:1.56; color:var(--ink-2); }\n.treat-card .hl{ color:var(--sky-deep); font-weight:700; }\n\n    .slideshow img {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0;\ntransform: scale(1) !important;\n    will-change: transform, opacity;\n    transition: opacity 1s ease-in-out, transform 10s linear !important;\n    }\n    .slideshow img.active {\n      opacity: 1;\n    \/* Force the zoom scale to override the WordPress theme *\/\n    transform: scale(1.3) !important;\n    transition: opacity 1s ease-in-out, transform 5s linear !important;\n    }\n\n\/* ---------- Sobre m\u00ed ---------- *\/\n.about-grid{ display:grid; grid-template-columns:0.92fr 1.08fr; gap: 5.25rem; align-items:center; }\n.about-photo-wrap{ position:relative; }\n.about-photo{ \n  position:relative; z-index:2; width:100%; aspect-ratio:1\/1; border-radius:50%; \n  background-image: var(--img, none), repeating-linear-gradient(135deg, rgba(77,130,166,.12) 0 2px, transparent 2px 16px);\n  background-size: cover; background-position: center;\n}\n.about-photo-wrap::before{\n  content:\"\"; position:absolute; z-index:1; width:78%; height:78%; right:-26px; bottom:-26px;\n  background:var(--sky-light); border-radius:50%;\n}\n.about-sign-wrap { text-align: center; margin-top: 2.125rem; }\n.sign{ font-family:var(--font-display); text-transform: uppercase; letter-spacing: 0.3em; font-size: 1.5rem; \/* 30px *\/ color:var(--ink); }\n\n.about-copy h2{ margin: 1.125rem 0 1.625rem; max-width:16ch; }\n.about-copy p + p{ margin-top: 1.125rem; }\n.about-extra{ margin-top: 2.125rem; display:flex; align-items:center; gap: 1.875rem; flex-wrap:wrap; }\n\n\/* ---------- Pilares ---------- *\/\n.pillars{ background:var(--sky-tint); }\n.pillars .sec-head{ text-align:center; margin:0 auto; }\n.pillar-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap: 1.5rem; margin-top: 3.875rem; }\n.pillar{\n  background:var(--paper); border:1px solid var(--line); padding: 2.5rem 1.875rem;\n  display:flex; flex-direction:column; gap: 0.875rem; transition: opacity 0.8s, transform 0.8s;\n}\n.pillar-icon {\n  width: 2.75rem; height: 2.75rem;\n  object-fit: contain; margin-bottom: 0.5rem;\n  display: block;\n}\n.pillar h3{ font-size: 1.3125rem; \/* 21px *\/ line-height:1.18; }\n.pillar p{ font-size: 0.96875rem; \/* 15.5px *\/ line-height:1.55; color:var(--ink-2); }\n\n\/* ---------- El Consultorio (Dise\u00f1o Horizontal Personalizable) ---------- *\/\n.office-h {\n  background: var(--paper-2); \n  padding: 6rem 0;\n}\n\n.office-h-wrapper {\n  display: flex;\n  gap: 1.25rem;\n  height: 35rem; \/* El alto es fijo, el ancho determina el aspect ratio *\/\n  width: 100%;\n}\n\n.office-h-title {\n  background: var(--sky-deep);\n  color: var(--paper);\n  flex: 0 0 4.5rem; \n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius);\n}\n\n.office-h-title span {\n  writing-mode: vertical-rl; \n  transform: rotate(180deg); \n\n  font-size: 0.875rem; \n  font-weight: 500;\n  text-transform: uppercase;\n  white-space: nowrap;\n  \n  font-family:var(--font-display);\n  text-transform: uppercase; \n  letter-spacing: 0.45em;\n  color:var(--sky-light);\n}\n\n.office-h-photo {\n  \/* Aqu\u00ed usamos la variable --w. Si no la pones en el HTML, usar\u00e1 1 por defecto *\/\n  flex: var(--w, 1); \n  background-image: var(--img, none);\n  background-size: cover;\n  background-position: center;\n  border-radius: var(--radius);\n  min-width: 0; \n  position: relative;\n}\n\n\/* ---------- Responsivo: Carrusel en m\u00f3viles ---------- *\/\n@media (max-width: 768px) {\n  .office-h-wrapper {\n    height: 25rem; \n    overflow-x: auto; \n    scroll-snap-type: x mandatory; \n    -webkit-overflow-scrolling: touch;\n    \n    scrollbar-width: none; \n    -ms-overflow-style: none;\n  }\n  \n  .office-h-wrapper::-webkit-scrollbar {\n    display: none;\n  }\n\n  .office-h-title {\n    flex: 0 0 3.5rem; \n    scroll-snap-align: start; \n  }\n\n  .office-h-photo {\n    \/* Aqu\u00ed se anula la proporci\u00f3n y pasa a usar el ancho fijo definido en --w-mob *\/\n    flex: 0 0 var(--w-mob, 75%); \n    scroll-snap-align: start;\n  }\n}\n\n\n\/* ---------- Contacto ---------- *\/\n.contact{ background:var(--ink); color:var(--paper); }\n.contact .eyebrow{ color:var(--sky); }\n.contact h2{ color:var(--paper); }\n.contact-grid{ display:grid; grid-template-columns:1.05fr 0.95fr; gap: 5rem; align-items:center; }\n.contact-copy h2{ margin: 1.125rem 0 1.375rem; max-width:16ch; }\n.contact-copy > p{ color:#cfc9bd; font-size: 1.1875rem; \/* 19px *\/ max-width:42ch; margin-bottom: 2.5rem; }\n.contact-list{ display:flex; flex-direction:column; }\n.contact-item{\n  display:flex; gap: 1.375rem; padding: 1.625rem 0; border-top:1px solid rgba(255,255,255,.14); align-items:flex-start;\n}\n.contact-item:last-child{ border-bottom:1px solid rgba(255,255,255,.14); }\n.contact-ico{\n  flex:none; width: 2.875rem; height: 2.875rem; border-radius:50%; border:1px solid rgba(255,255,255,.35);\n  display:flex; align-items:center; justify-content:center; color:var(--sky);\n}\n.contact-ico svg{ width: 1.25rem; height: 1.25rem; }\n.contact-item h4{ color:var(--paper); font-size: 1.0625rem; \/* 17px *\/ font-weight:700; letter-spacing:.02em; margin-bottom: 0.1875rem; }\n.va .contact-item h4{ font-family:var(--font-body); }\n.contact-item p{ color:#bdb7ab; font-size: 1rem; \/* 16px *\/ }\n.contact-item a{ color:var(--sky); border-bottom:1px solid transparent; }\n.contact-item a:hover{ border-color:var(--sky); }\n.contact-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); padding: 0.875rem; }\n\/* Iframe Mapa Ajustes *\/\n.contact-map{ width:100%; aspect-ratio:4\/5; min-height: 25rem; border:0; display:block; border-radius:4px; }\n.contact .btn{ margin-top: 2.25rem; }\n\n\/* ---------- Footer ---------- *\/\n.footer{ background:var(--paper-2); border-top:1px solid var(--line); padding: 4rem 0 2.25rem; }\n.footer-top{ display:flex; justify-content:space-between; gap: 3rem; flex-wrap:wrap; padding-bottom: 2.75rem; border-bottom:1px solid var(--line); }\n.footer-links{ display:flex; gap: 2.5rem; flex-wrap:wrap; }\n.footer-col h5{ font-size: 0.6875rem; \/* 11px *\/ letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom: 1rem; font-weight:700; }\n.footer-col a{ display:block; font-size: 0.9375rem; \/* 15px *\/ color:var(--ink-2); margin-bottom: 0.5625rem; }\n.footer-col a:hover{ color:var(--sky-deep); }\n.footer-bottom{ display:flex; justify-content:space-between; gap: 1.25rem; flex-wrap:wrap; padding-top: 1.625rem; font-size: 0.8125rem; \/* 13px *\/ color:var(--muted); }\n\n\/* ---------- Responsivo ---------- *\/\n@media (max-width:1000px){\n  \/* Ajustes de t\u00edtulos en m\u00f3vil para que aparezcan sobre las im\u00e1genes *\/\n  .desktop-title { display: none !important; }\n  .mobile-title { display: block; margin-bottom: 2.5rem; }\n  .mobile-title .eyebrow { display: block; margin-bottom: 1rem; }\n  .mobile-title h2 { margin-bottom: 0; }\n  .mobile-title.treat-mobile h2 { max-width: 21ch; }\n  .mobile-title.about-mobile h2 { margin-top: 1.125rem; max-width: 16ch; }\n\n  .nav-right { gap: 0.875rem; }\n  .hamburger { display: flex; }\n  \n  .nav-links {\n    position: absolute; top: 5.25rem; left: 0; right: 0;\n    background: var(--paper); flex-direction: column;\n    padding: 1.875rem 1.25rem 2.5rem; gap: 1.375rem;\n    border-bottom: 1px solid var(--line); box-shadow: 0 10px 20px rgba(0,0,0,0.06);\n    opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease;\n  }\n  .nav-links.open { opacity: 1; visibility: visible; transform: translateY(0); }\n\n  .brand-sub { display: none; }\n  .brand-name { font-size: 1.1875rem; \/* 19px *\/ }\n  .brand-mark { width: 2.25rem; height: 2.25rem; font-size: 1rem; \/* 16px *\/ }\n  .nav .btn { padding: 0.75rem 1rem; font-size: 0.625rem; \/* 10px *\/ }\n  .container { padding: 0 1.5rem; }\n\n  .hero { \n    display: flex; \n    align-items: flex-end; \/* Empuja el contenido hacia el fondo *\/\n    \/* Cambia este valor en rem para definir el alto (35rem es aprox 3\/4 de pantalla) *\/\n    min-height: 35rem; \n    height: 75vh;      \n    flex-direction: row;\n  }\n  \n  .hero .hero-slides { order: unset; position: absolute; inset: 0; min-height: 100%; width: 100%; }\n  .hero .hero-slide { background-image: var(--img-mobile, var(--img, none)), repeating-linear-gradient(135deg, rgba(77,130,166,.12) 0 2px, transparent 2px 16px);\n    background-position: top right; }\n  \n  \/* Restauramos el fondo oscuro transl\u00facido para asegurar que el texto sea legible sobre la foto *\/\n  .hero .hero-scrim { display: block; z-index: 1; }\n  \n  .eyebrow { font-size: 0.6rem; }\n  .va .hero-copy h1 {   font-size: 2.125rem; \/* Reducido de 2.5rem a ~34px *\/\n    margin-bottom: 0.875rem; }\n  .hero-copy .lead {  font-size: 0.9rem; \/* Reducido de 1rem a ~14.4px *\/\n    margin-bottom: 1.25rem;  }\n  \n  \/* --- Slider UI: Solo puntos al centro inferior --- *\/\n  .hero .slider-ui {\n    bottom: auto;\n    top: 0;\n    padding: 1.5rem 1.25rem; \/* Padding ajustado para arriba *\/\n    background: transparent; z-index: 5;\n  }\n  .hero .slider-dots span { background: rgba(255,255,255,.35); }\n  .hero .slider-dots span.on { background: var(--sky); }\n  .hero .slider-count, .hero .slider-arrows { display: none; }\n\n   \/* --- Contenido del Hero alineado al centro-izquierdo --- *\/\n  .hero .hero-copies {\n    order: unset; position: relative; background: transparent; \n    padding: 1rem 1.25rem 1.5rem 1.25rem; max-width: 100%; z-index: 2;\n    display: grid; align-items: center;\n\talign-self: flex-end;\n  }\n  .hero .hero-copy { justify-content: center; padding: 0; text-align: left; }\n  .hero .hero-copy .eyebrow { color: var(--sky-light); }\n  .hero .hero-copy h1 { color: #fff; margin-bottom: 1rem; }\n  .hero .hero-copy .lead { color: #e7e3d8; margin-bottom: 1.5rem; }\n\n  \/* --- Botones en la misma l\u00ednea --- *\/\n  .hero-actions {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 1rem;\n    align-items: center;\n    \/* Ajuste responsivo extra por si los textos de los botones son muy largos *\/\n    overflow-x: auto; \n  }\n  \n  \/* Peque\u00f1a reducci\u00f3n de tama\u00f1o en m\u00f3viles para que ambos quepan sin romper el dise\u00f1o *\/\n  .hero .btn { padding: 0.75rem 1rem; font-size: 0.7rem; }\n  \n  \/* Hacemos el bot\u00f3n \"ghost\" blanco para que contraste contra la imagen *\/\n  .hero .btn-ghost { font-size: 0.75rem; color: #fff; border-color: #fff; }\n  .hero .btn-ghost:hover { color: var(--sky-light); border-color: var(--sky-light); }\n\n\n  .about-grid, .contact-grid{ grid-template-columns:1fr; gap: 3rem; }\n  .treat-grid{ grid-template-columns:1fr; gap: 2.5rem; }\n  .treat-photo{ min-height: 25.25rem; \/* 340px *\/ }\n  .va h1{ font-size: 3.125rem; \/* 50px *\/ }\n  .va h2{ font-size: 2.375rem; \/* 38px *\/ }\n}\n\n\/* --- Ajuste espec\u00edfico para celulares (Tarjetas a 1 columna) --- *\/\n@media (max-width:768px){\n  .help-grid { grid-template-columns: 1fr; padding-left:14px; padding-right:14px;}\n  .treat-cards { grid-template-columns: 1fr; }\n  .pillar-grid { grid-template-columns: 1fr; padding-left:20px; padding-right:20px;}\n}\n<\/style>\n\n<div class=\"va\">\n<section class=\"hero\">\n  <div class=\"hero-slides\">\n    <div class=\"hero-slide on\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/heroA-t-scaled.png'); --img-mobile:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/heroAmobile-t.png?attachment_id=209');\"><\/div>\n    <div class=\"hero-slide\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/heroB-t-scaled.png'); --img-mobile:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/heroBmobile-t.png?attachment_id=208');\"><\/div>\n  <\/div>\n  <div class=\"hero-scrim\"><\/div>\n\n  <div class=\"hero-copies\">\n    <div class=\"hero-copy on\">\n      <span class=\"eyebrow\">Odontolog\u00eda integral \u00b7 Lima<\/span>\n      <h1 class=\"display\">Tu sonrisa, tu <em>respiraci\u00f3n<\/em> y tu <em>sue\u00f1o<\/em> est\u00e1n conectados.<\/h1>\n      <p class=\"lead\">Cuido m\u00e1s que solo tus dientes: cuido tu bienestar integral. Desde carillas y est\u00e9tica dental hasta la salud de las v\u00edas a\u00e9reas y el desarrollo facial de tus hijos.<\/p>\n      <div class=\"hero-actions\">\n        <a class=\"btn\" href=\"https:\/\/wa.me\/51960068711\" target=\"_blank\" rel=\"noopener\">Agenda tu cita<\/a>\n        <a class=\"btn-ghost\" href=\"#estetica\">Conoce los tratamientos \u2192<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-copy\">\n      <span class=\"eyebrow\">Atenci\u00f3n personalizada<\/span>\n      <h1 class=\"display\">Una sonrisa que refleja lo <em>mejor de ti.<\/em><\/h1>\n      <p class=\"lead\">Dise\u00f1o sonrisas que no solo se ven bien \u2014 que tambi\u00e9n funcionan, son c\u00f3modas y duraderas.<\/p>\n      <div class=\"hero-actions\">\n        <a class=\"btn\" href=\"https:\/\/wa.me\/51960068711\" target=\"_blank\" rel=\"noopener\">Escribeme<\/a>\n        <a class=\"btn-ghost\" href=\"#sobre\">Con\u00f3ceme \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div class=\"slider-ui\">\n    <div class=\"slider-dots\">\n      <span class=\"on\" data-index=\"0\"><\/span>\n      <span data-index=\"1\"><\/span>\n    <\/div>\n    <span class=\"slider-count\">01 \/ 02<\/span>\n\n    <div class=\"slider-arrows\">\n      <button aria-label=\"Anterior\">\u2190<\/button>\n      <button aria-label=\"Siguiente\">\u2192<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== \u00bfC\u00d3MO PUEDO AYUDARTE? ===================== -->\n<section class=\"sec\" id=\"estetica\" style=\"background:var(--white);\">\n  <div class=\"container\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow\">C\u00f3mo puedo ayudarte<\/span>\n      <h2 class=\"display\">\u00bfQu\u00e9 te trae por aqu\u00ed?<\/h2>\n      <p class=\"muted\">Tres caminos, un mismo enfoque: tratar a la persona completa, no solo el diente.<\/p>\n    <\/div>\n    <div class=\"help-grid\">\n      <article class=\"help-card reveal\">\n        <div class=\"ph help-card-img\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/smile-warm.png')\"><\/div>\n        <div class=\"help-card-content\">\n          <span class=\"help-num\">01<\/span>\n          <h3>Quiero mejorar mi sonrisa<\/h3>\n          <p>Para ti si quieres transformar tu sonrisa con carillas, implantes, blanqueamiento o dise\u00f1o de sonrisa. Con un enfoque est\u00e9tico y funcional que dura.<\/p>\n          <a class=\"btn-ghost\" href=\"#estetica\">Est\u00e9tica dental \u2192<\/a>\n        <\/div>\n      <\/article>\n      <article class=\"help-card reveal\">\n        <div class=\"ph help-card-img\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/snore-warm.png')\"><\/div>\n        <div class=\"help-card-content\">\n          <span class=\"help-num\">02<\/span>\n          <h3>Tengo dolor, rechino los dientes o ronco<\/h3>\n          <p>Para ti si tienes bruxismo, dolor de mand\u00edbula, ronquidos, apnea del sue\u00f1o o llevas tiempo con s\u00edntomas que nadie ha podido explicarte.<\/p>\n          <a class=\"btn-ghost\" href=\"#adultos\">Funci\u00f3n y v\u00eda a\u00e9rea \u2192<\/a>\n        <\/div>\n      <\/article>\n      <article class=\"help-card reveal\">\n        <div class=\"ph help-card-img\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/kid-warm.png')\"><\/div>\n        <div class=\"help-card-content\">\n          <span class=\"help-num\">03<\/span>\n          <h3>Descubre c\u00f3mo est\u00e1 creciendo tu hijo<\/h3>\n          <p>Para padres que notan que su hijo respira por la boca, ronca, duerme mal, tiene dientes chuecos o problemas de atenci\u00f3n. Detecto y trato a tiempo.<\/p>\n          <a class=\"btn-ghost\" href=\"#ninos\">Ni\u00f1os \u2192<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== TRATAMIENTOS ===================== -->\n<section class=\"sec\" id=\"tratamientos\">\n  <div class=\"container\">\n    \n    <!-- T\u00edtulo para m\u00f3viles -->\n    <div class=\"mobile-title treat-mobile reveal\">\n      <span class=\"eyebrow\">Tratamientos<\/span>\n      <h2 class=\"display\">Tratamientos dentales para cuidar tu <b>salud<\/b> y tu <b>est\u00e9tica<\/b>.<\/h2>\n    <\/div>\n    \n    <div class=\"treat-grid\">\n      <div class=\"treat-photo reveal slideshow\">\n\t      <img decoding=\"async\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/zoom1warm.jpg\">\n   \t\t  <img decoding=\"async\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/zoom2warm.png\">\n\t\t  <img decoding=\"async\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/zoom3warm.png\">\n\t  <\/div>\n      <div class=\"treat-content\">\n        <!-- T\u00edtulo para escritorio -->\n        <div class=\"desktop-title reveal\">\n          <span class=\"eyebrow\">Tratamientos<\/span>\n          <h2 class=\"display\">Tratamientos dentales para cuidar tu <b>salud<\/b> y tu <b>est\u00e9tica<\/b>.<\/h2>\n        <\/div>\n        <div class=\"treat-cards\">\n          <article class=\"treat-card reveal\">\n            <h4>Est\u00e9tica dental<\/h4>\n            <p><span class=\"hl\">Carillas<\/span>, <span class=\"hl\">blanqueamiento<\/span>, <span class=\"hl\">implantes<\/span> y <span class=\"hl\">dise\u00f1o de sonrisa<\/span> para transformar tu sonrisa con un resultado natural y duradero.<\/p>\n          <\/article>\n          <article class=\"treat-card reveal\">\n            <h4>Funci\u00f3n y rehabilitaci\u00f3n<\/h4>\n            <p><span class=\"hl\">Rehabilitaci\u00f3n dental<\/span> e <span class=\"hl\">implantes<\/span> para recuperar la funci\u00f3n o reponer las piezas que te faltan.<\/p>\n          <\/article>\n          <article class=\"treat-card reveal\">\n            <h4>Bruxismo y dolor articular<\/h4>\n            <p><span class=\"hl\">Terapia miofuncional<\/span> para tratar el bruxismo y los dolores de la articulaci\u00f3n de la mand\u00edbula.<\/p>\n          <\/article>\n          <article class=\"treat-card reveal\">\n            <h4>Ni\u00f1os \u00b7 crecimiento facial<\/h4>\n            <p><span class=\"hl\">Terapia miofuncional<\/span> para guiar el crecimiento facial y dental, y tratar ronquidos, bruxismo y dientes chuecos.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== SOBRE M\u00cd ===================== -->\n<section class=\"sec\" id=\"sobre\" style=\"background:var(--paper-2);\">\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-left reveal\">\n        <div class=\"about-photo-wrap\">\n          <div class=\"about-photo ph\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/drA-t.png')\"><\/div>\n        <\/div>\n        <div class=\"about-sign-wrap\">\n          <span class=\"sign\">Dra. Angela Benites<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"about-copy reveal\">\n        <span class=\"eyebrow\">Sobre m\u00ed<\/span>\n        <h2 class=\"display\">No solo veo dientes. <b>Veo a la persona completa.<\/b><\/h2>\n        <p>Soy la Dra. Angela Benites, odont\u00f3loga especialista en est\u00e9tica dental, funci\u00f3n, v\u00eda a\u00e9rea y desarrollo craneofacial en ni\u00f1os y adultos. Mi consulta nace de una convicci\u00f3n: la boca es la puerta de entrada a tu respiraci\u00f3n, tu descanso y tu calidad de vida.<\/p>\n        <p>Por eso no me quedo en el s\u00edntoma. Escucho tu historia, observo c\u00f3mo respiras, c\u00f3mo duermes y c\u00f3mo se desarrolla tu rostro, y dise\u00f1o un tratamiento que trata la ra\u00edz del problema \u2014no solo lo que se ve.<\/p>\n        <div class=\"about-extra\">\n          <a class=\"btn-ghost\" href=\"#contacto\">Con\u00f3ceme en consulta \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== POR QU\u00c9 ESCOGERME ===================== -->\n<section class=\"sec pillars\" id=\"consulta\">\n  <div class=\"container\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow\">Por qu\u00e9 escogerme<\/span>\n      <h2 class=\"display\">Una forma distinta de cuidarte<\/h2>\n    <\/div>\n    <div class=\"pillar-grid\">\n      <article class=\"pillar reveal\">\n        <img decoding=\"async\" class=\"pillar-icon\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/icon1.png\" alt=\"Garant\u00eda profesional\">\n        <h3>Garant\u00eda profesional<\/h3>\n        <p>Respaldo cada tratamiento. Si algo necesita ajuste, lo resolvemos juntos.<\/p>\n      <\/article>\n      <article class=\"pillar reveal\">\n        <img decoding=\"async\" class=\"pillar-icon\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/icon2.png\" alt=\"Trato la ra\u00edz\">\n        <h3>Trato la ra\u00edz, no el s\u00edntoma<\/h3>\n        <p>Diagn\u00f3stico profundo de la causa real: v\u00eda a\u00e9rea, funci\u00f3n y desarrollo.<\/p>\n      <\/article>\n      <article class=\"pillar reveal\">\n        <img decoding=\"async\" class=\"pillar-icon\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/icon3.png\" alt=\"Cita sin apuros\">\n        <h3>Primera cita sin apuros<\/h3>\n        <p>Tiempo para escucharte y entender tu historia antes de proponer nada.<\/p>\n      <\/article>\n      <article class=\"pillar reveal\">\n        <img decoding=\"async\" class=\"pillar-icon\" src=\"https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/icon4.png\" alt=\"Materiales premium\">\n        <h3>Materiales premium<\/h3>\n        <p>Solo materiales de primera, biocompatibles y con resultados que perduran.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== EL CONSULTORIO (HORIZONTAL) ===================== -->\n<section class=\"sec office-h\" id=\"consultorio\">\n  <div class=\"container\">\n    <div class=\"office-h-wrapper reveal\">\n      \n      <!-- Bloque del t\u00edtulo -->\n      <div class=\"office-h-title\">\n        <span>Consultorio \u00b7 San Borja<\/span>\n      <\/div>\n\n      <!-- FOTO 1: M\u00e1s ancha en escritorio (1.5) y ocupa el 80% en m\u00f3vil -->\n      <div class=\"office-h-photo ph\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/office1.jpeg'); --w: 1.8; --w-mob: 80%;\"><\/div>\n      \n      <!-- FOTO 2: Tama\u00f1o normal (1) y ocupa el 60% en m\u00f3vil -->\n      <div class=\"office-h-photo ph\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/office4.jpeg'); --w: 1.4; --w-mob: 60%;\"><\/div>\n      \n      <!-- FOTO 3: Un poco m\u00e1s ancha (1.2) y ocupa el 70% en m\u00f3vil -->\n      <div class=\"office-h-photo ph\" style=\"--img:url('https:\/\/angelabenites.com\/wp-content\/uploads\/2026\/07\/office5.jpg'); --w: 1.2; --w-mob: 70%;\"><\/div>\n      \n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===================== CONTACTO ===================== -->\n<section class=\"sec contact\" id=\"contacto\">\n  <div class=\"container\">\n    <div class=\"contact-grid\">\n      <div class=\"contact-copy reveal\">\n        <span class=\"eyebrow\">Agenda tu cita<\/span>\n        <h2 class=\"display\">Empecemos por una <em>buena conversaci\u00f3n.<\/em><\/h2>\n        <p>Cu\u00e9ntame qu\u00e9 te preocupa y encontremos juntos el mejor camino. Atenci\u00f3n presencial en San Borja y consulta online est\u00e9s donde est\u00e9s.<\/p>\n        <div class=\"contact-list\">\n          <div class=\"contact-item\">\n            <span class=\"contact-ico\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M21 11.5a8.4 8.4 0 0 1-12 7.6L3 21l1.9-5.9A8.4 8.4 0 1 1 21 11.5Z\"><\/path><\/svg>\n            <\/span>\n            <div>\n              <h4>WhatsApp<\/h4>\n              <p><a href=\"https:\/\/wa.me\/51960068711\" target=\"_blank\" rel=\"noopener\">+51 9600 68711<\/a> \u2014 respuesta el mismo d\u00eda<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-item\">\n            <span class=\"contact-ico\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s7-5.5 7-11a7 7 0 1 0-14 0c0 5.5 7 11 7 11Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle><\/svg>\n            <\/span>\n            <div>\n              <h4>Consultorio<\/h4>\n              <p><span>Av. San Luis 2534 , San Borja. Lima \u2013 Per\u00fa<\/span><\/p>\n            <\/div>\n          <\/div>\n          <div class=\"contact-item\">\n            <span class=\"contact-ico\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"13\" rx=\"2\"><\/rect><path d=\"M3 9h18\"><\/path><\/svg>\n            <\/span>\n            <div>\n              <h4>Consulta online<\/h4>\n              <p>Primera valoraci\u00f3n a distancia, con las mismas garant\u00edas<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <a class=\"btn\" href=\"https:\/\/wa.me\/51960068711\" target=\"_blank\" rel=\"noopener\">Escr\u00edbeme por Whatsapp<\/a>\n      <\/div>\n      <div class=\"contact-card reveal\">\n        <!-- Iframe de mapa placeholder -->\n       <iframe class=\"contact-map\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d1593.5516156317833!2d-76.99537631436233!3d-12.099485845399446!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105c7c469a5b829%3A0x43196f975dfc0285!2sAv.%20San%20Luis%202534%2C%20San%20Borja%2015037!5e0!3m2!1sen!2spe!4v1784317546646!5m2!1sen!2spe\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Odontolog\u00eda integral \u00b7 Lima Tu sonrisa, tu respiraci\u00f3n y tu sue\u00f1o est\u00e1n conectados. Cuido m\u00e1s que solo tus dientes: cuido [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/angelabenites.com\/index.php?rest_route=\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angelabenites.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angelabenites.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angelabenites.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angelabenites.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124"}],"version-history":[{"count":5,"href":"https:\/\/angelabenites.com\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/angelabenites.com\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/angelabenites.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}