{"id":87,"date":"2021-05-02T06:36:00","date_gmt":"2021-05-02T11:36:00","guid":{"rendered":"https:\/\/yesidwebportafolio.shop\/?page_id=87"},"modified":"2026-10-23T15:21:50","modified_gmt":"2026-10-23T20:21:50","slug":"home","status":"publish","type":"page","link":"https:\/\/yesidwebportafolio.shop\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"87\" class=\"elementor elementor-87\">\n\t\t\t\t<div class=\"aux-parallax-section elementor-element elementor-element-d190864 e-flex e-con-boxed e-con e-parent\" data-id=\"d190864\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b05ee04 elementor-widget elementor-widget-slider_revolution\" data-id=\"b05ee04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wp-block-themepunch-revslider revslider\">\n\t\t\t\t<p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t\t<sr7-module data-alias=\"ai-and-robotics-website-slider1\" data-id=\"3\" id=\"SR7_3_1\" class=\"rs-respect-topbar\" data-version=\"7.2.4\">\n\t\t\t\t\t<sr7-adjuster><\/sr7-adjuster>\n\t\t\t\t\t<sr7-content>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_3_1-8\" data-key=\"8\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-8-2\" class=\"sr7-layer\">Bienestar oral, <br> Tecnolog\u00eda ,<br>Experiencia<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-8-4\" class=\"sr7-layer\"><i class=\"\"><\/i> Agenda tu valoraci\u00f3n<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-8-10\" class=\"sr7-layer\">DRA. EMILIANA \u00c1LVAREZ \u00b7 DISE\u00d1O DE SONRISA<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_3_1-13\" data-key=\"13\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-13-2\" class=\"sr7-layer\">Precisi\u00f3n digital. <br>Sonrisa natural.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-13-4\" class=\"sr7-layer\"><i class=\"\"><\/i> Agenda tu valoraci\u00f3n<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-13-10\" class=\"sr7-layer\">ODONTOLOG\u00cdA DIGITAL \u00b7 ENFOQUE WELLNESS<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_3_1-14\" data-key=\"14\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-14-2\" class=\"sr7-layer\">El arte de <br>recuperar tu<br> sonrisa.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-14-4\" class=\"sr7-layer\"><i class=\"\"><\/i> Agenda tu valoraci\u00f3n<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-14-10\" class=\"sr7-layer\">Rehabilitaci\u00f3n oral \u00b7 Funci\u00f3n y est\u00e9tica<\/sr7-txt>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t\t<sr7-slide id=\"SR7_3_1-12\" data-key=\"12\">\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-8\" class=\"sr7-layer\">prev<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-15\" class=\"sr7-layer\">next<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-23\" class=\"sr7-layer\">Odontolog\u00eda con prop\u00f3sito<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-24\" class=\"sr7-layer\">Dise\u00f1o de sonrisa y rehabilitaci\u00f3n oral con precisi\u00f3n digital y est\u00e9tica natural.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-26\" class=\"sr7-layer\">Wellness en cada sonrisa<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-27\" class=\"sr7-layer\">Ciencia, tecnolog\u00eda y cuidado personalizado para un bienestar que se refleja al sonre\u00edr.<\/sr7-txt>\n\t\t\t\t\t\t\t<sr7-txt id=\"SR7_3_1-12-29\" class=\"sr7-layer\">Conecta con tu bienestar<\/sr7-txt>\n\t\t\t\t\t\t\t<a id=\"SR7_3_1-12-30\" class=\"sr7-layer\" href=\"http:\/\/twitter.com\/revslider\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-twitter\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_3_1-12-31\" class=\"sr7-layer\" href=\"http:\/\/www.facebook.com\/wordpress.slider.revolution\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-facebook-f\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_3_1-12-32\" class=\"sr7-layer\" href=\"http:\/\/www.instagram.com\/sliderrevolution\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-instagram\"><\/i><\/a>\n\t\t\t\t\t\t\t<a id=\"SR7_3_1-12-33\" class=\"sr7-layer\" href=\"http:\/\/www.youtube.com\/user\/ThemePunch\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-youtube-play\"><\/i><\/a>\n\t\t\t\t\t\t<\/sr7-slide>\n\t\t\t\t\t<\/sr7-content>\n\t\t\t\t\t<image_lists style=\"display:none\">\n\t\t\t\t\t\t<img data-src=\"\/\/yesidwebportafolio.shop\/wp-content\/uploads\/revslider\/o\/3\/0ef0984d701c2cc6f4ab899afed98e72.webp\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly95ZXNpZHdlYnBvcnRhZm9saW8uc2hvcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8xMC9Eci1FbWlsaWFuYS1BbHZhcmV6LURlbnRpc3RhLTAxLnBuZw==\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/yesidwebportafolio.shop\/wp-content\/uploads\/revslider\/o\/3\/83b3d2ecbb8652e2ca57f58e3e46d85c.webp\" width=\"0\" height=\"0\" data-dbsrc=\"Ly95ZXNpZHdlYnBvcnRhZm9saW8uc2hvcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8xMC9pY29uMS5wbmc=\"\/>\n\t\t\t\t\t\t<img data-src=\"\/\/yesidwebportafolio.shop\/wp-content\/uploads\/revslider\/o\/3\/d0c4804fec371bdc1295ee456d787d38.webp\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly95ZXNpZHdlYnBvcnRhZm9saW8uc2hvcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8xMC9Eci1FbWlsaWFuYS1BbHZhcmV6LURlbnRpc3RhLTAyLnBuZw==\"\/>\n\t\t\t\t\t\t<img loading=\"lazy\" data-src=\"\/\/yesidwebportafolio.shop\/wp-content\/uploads\/revslider\/o\/3\/865b1f64d18f3f2cec0a5d3d58325324.webp\" data-lib=\"medialibrary\" width=\"0\" height=\"0\" data-dbsrc=\"Ly95ZXNpZHdlYnBvcnRhZm9saW8uc2hvcC93cC1jb250ZW50L3VwbG9hZHMvMjAyNi8xMC9Eci1FbWlsaWFuYS1BbHZhcmV6LURlbnRpc3RhLTAzLnBuZw==\"\/>\n\t\t\t\t\t<\/image_lists>\n\t\t\t\t<\/sr7-module>\n\t\t\t\t<script data-cfasync=\"false\" data-no-optimize=\"1\" data-no-defer=\"1\" data-jetpack-boost=\"ignore\">\n\t\t\t\t\twindow.SR7??={}; SR7.PMH ??={}; SR7.PMH[\"SR7_3_1\"] = {cn:100,state:false,fn: function() { if (window._tpt!==undefined && window._tpt.prepareModuleHeight !== undefined) {  _tpt.prepareModuleHeight({id:\"SR7_3_1\",el:[900,900,768,960,731],type:'standard',gh:[900,900,768,960,720],gw:[1240,1240,1024,778,480],vpt:[\"100px\"],size:{fullWidth:true, fullHeight:true},fho:'#masthead,',mh:'0',onh:0,onw:0,bg:{color:'{\"type\":\"solid\",\"orig\":\"#0d0016\",\"string\":\"rgba(13, 0, 22, 1)\"}'}});   SR7.PMH[\"SR7_3_1\"].state=true;} else if(SR7.PMH[\"SR7_3_1\"].cn-->0)\tsetTimeout( SR7.PMH[\"SR7_3_1\"].fn,19);}};SR7.PMH[\"SR7_3_1\" ].fn();\n\t\t\t\t<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-9675de1 e-flex e-con-boxed e-con e-parent\" data-id=\"9675de1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-06a262c e-con-full e-flex e-con e-child\" data-id=\"06a262c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"aux-scroll-anim elementor-element elementor-element-c5c3e95 aux-appear-watch-animation aux-fade-in-up-1 elementor-widget elementor-widget-aux_image\" data-move-in=\"moveVertical\" data-move-out=\"moveVertical\" data-axis-x=\"200\" data-axis-y=\"15\" data-rotate=\"90\" data-scale=\"1\" data-vp-top=\"0.5\" data-vp-bot=\"0.5\" data-el-top=\"0.2\" data-scroll-animation-off=\"1024\" data-id=\"c5c3e95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"widget-container aux-widget-image aux-alignnone aux-parent-aud84cce5d\">\n    <div class=\"aux-media-hint-frame \">\n        <div class=\"aux-media-image \" >\n        \n            \n\n            \n            <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-1.jpg\" class=\"aux-attachment aux-featured-image aux-attachment-id-139\" alt=\"Emiliana Alvarez-Odontologa-1\" data-ratio=\"1\" data-original-w=\"800\" \/>            \n                <\/div>\n    <\/div>\n\n<\/section><!-- widget-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75cc963 e-con-full e-flex e-con e-child\" data-id=\"75cc963\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1eeef03 aux-appear-watch-animation aux-scale-down elementor-widget elementor-widget-aux_modern_heading\" data-id=\"1eeef03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h5 class=\"aux-modern-heading-primary\">Especialista en Rehabilitaci\u00f3n Oral y Est\u00e9tica Dental \u00b7 Medell\u00edn, Colombia<\/h5><h1 class=\"aux-modern-heading-secondary\"><span class=\"aux-head-before\">Dra. Emiliana \u00c1lvarez<\/span><\/h1><div class=\"aux-modern-heading-description\"><p>Cada sonrisa es diferente, y tu tratamiento tambi\u00e9n deber\u00eda serlo. Aqu\u00ed, tus deseos y necesidades son el punto de partida. La escucha cercana, la excelencia cl\u00ednica y la tecnolog\u00eda m\u00e1s avanzada se unen para dise\u00f1ar un plan personalizado que cuide tu salud oral, respete tu esencia y conecte con tu bienestar. Cada detalle importa: desde comprender lo que deseas hasta encontrar el equilibrio entre est\u00e9tica, funci\u00f3n y naturalidad, para que te sientas bien con tu sonrisa y contigo mismo.<\/p><\/div><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c64b2ee e-con-full e-flex e-con e-child\" data-id=\"c64b2ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ee718e elementor-widget elementor-widget-html\" data-id=\"2ee718e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     Credenciales \u00b7 Dra. Emiliana \u00c1lvarez\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Tema: data-tema=\"claro\" (fondo claro) o data-tema=\"oscuro\" (sobre foto o fondo oscuro).\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&display=swap\">\r\n\r\n<style>\r\n  .eacr {\r\n    --cafe: #8b6c54;\r\n    --crema: #fffcf3;\r\n    --ink: #3a3a37;\r\n    --muted: #4f4e4a;\r\n    --line: rgba(139, 108, 84, 0.28);\r\n    --disc: rgba(255, 255, 255, 0.6);\r\n    --disc-line: rgba(139, 108, 84, 0.30);\r\n    --icon: #8b6c54;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    \/* Se acomoda solo al ancho disponible: 3, 2 o 1 columna *\/\r\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));\r\n    gap: 28px 32px;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding-top: 8px;\r\n    background: transparent;\r\n    \/* El texto usa la tipograf\u00eda de tu sitio *\/\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eacr[data-tema=\"oscuro\"] {\r\n    --ink: #fffcf3;\r\n    --muted: rgba(255, 252, 243, 0.88);\r\n    --line: rgba(255, 252, 243, 0.26);\r\n    --disc: rgba(255, 252, 243, 0.08);\r\n    --disc-line: rgba(255, 252, 243, 0.45);\r\n    --icon: #fffcf3;\r\n  }\r\n  .eacr *, .eacr *::before, .eacr *::after { box-sizing: border-box; }\r\n\r\n  \/* Ancho completo dentro de Elementor *\/\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eacr),\r\n  .elementor-widget-html:has(> .eacr) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n\r\n  \/* ---------- \u00cdtem ---------- *\/\r\n  .eacr .eacr-item {\r\n    position: relative;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    padding-top: 22px;\r\n    border-top: 1px solid var(--line);\r\n  }\r\n\r\n  \/* ---------- Icono ---------- *\/\r\n  .eacr .eacr-icon {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 62px; height: 62px;\r\n    margin-bottom: 8px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--disc-line);\r\n    background: var(--disc);\r\n    color: var(--icon);\r\n    transition: color 320ms var(--soft), border-color 320ms var(--soft), transform 520ms var(--out);\r\n  }\r\n  \/* Disco caf\u00e9 que crece desde dentro *\/\r\n  .eacr .eacr-icon::before {\r\n    content: \"\";\r\n    position: absolute; inset: 0; z-index: -1;\r\n    border-radius: 50%;\r\n    background: var(--cafe);\r\n    opacity: 0;\r\n    transform: scale(0.7);\r\n    transition: opacity 260ms var(--soft), transform 480ms var(--out);\r\n  }\r\n  \/* Destello *\/\r\n  .eacr .eacr-icon::after {\r\n    content: \"\";\r\n    position: absolute; top: -20%; bottom: -20%; left: 0; z-index: 2;\r\n    width: 45%;\r\n    background: linear-gradient(100deg, rgba(255,252,243,0) 0%, rgba(255,252,243,.45) 50%, rgba(255,252,243,0) 100%);\r\n    transform: translateX(-160%) skewX(-14deg);\r\n    pointer-events: none;\r\n  }\r\n  .eacr .eacr-icon svg {\r\n    width: 40px; height: 40px; overflow: visible;\r\n    fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n  .eacr .eacr-icon .eacr-duo { stroke: none; fill: currentColor; opacity: 0.16; }\r\n\r\n  \/* ---------- Texto ---------- *\/\r\n  .eacr .eacr-title {\r\n    margin: 0; padding: 0;\r\n    font-family: var(--display);\r\n    font-size: 21px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n    color: var(--ink);\r\n    text-wrap: balance;\r\n  }\r\n  .eacr .eacr-rule { display: block; width: 28px; height: 1px; background: var(--cafe); transform-origin: left center; transition: transform 520ms var(--out); }\r\n  .eacr[data-tema=\"oscuro\"] .eacr-rule { background: var(--crema); }\r\n  .eacr .eacr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }\r\n  .eacr .eacr-list li, .eacr .eacr-text {\r\n    margin: 0;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n    color: var(--muted);\r\n  }\r\n  .eacr .eacr-list strong { font-weight: 600; color: var(--ink); }\r\n  .eacr .eacr-num {\r\n    margin: 0;\r\n    font-family: var(--display);\r\n    font-size: 54px;\r\n    line-height: 1;\r\n    font-weight: 500;\r\n    letter-spacing: 0.01em;\r\n    color: var(--ink);\r\n    font-variant-numeric: lining-nums tabular-nums;\r\n  }\r\n  .eacr .eacr-num span { color: var(--cafe); }\r\n  .eacr[data-tema=\"oscuro\"] .eacr-num span { color: #c9ae96; }\r\n\r\n  \/* ---------- Hover ---------- *\/\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eacr .eacr-item:hover .eacr-icon { color: var(--crema); border-color: var(--cafe); transform: translateY(-3px); }\r\n    .eacr .eacr-item:hover .eacr-icon::before { opacity: 1; transform: scale(1); }\r\n    .eacr .eacr-item:hover .eacr-icon::after { animation: eacr-shine 900ms var(--soft) 120ms 1 both; }\r\n    .eacr .eacr-item:hover .eacr-rule { transform: scaleX(2.2); }\r\n  }\r\n  @keyframes eacr-shine {\r\n    from { transform: translateX(-160%) skewX(-14deg); }\r\n    to   { transform: translateX(320%) skewX(-14deg); }\r\n  }\r\n\r\n  \/* ---------- Entrada al hacer scroll ---------- *\/\r\n  .eacr.eacr--js .eacr-item { opacity: 0; transform: translateY(20px); filter: blur(6px); }\r\n  .eacr.eacr--js .eacr-item.is-in {\r\n    opacity: 1; transform: none; filter: blur(0);\r\n    transition: opacity 800ms var(--soft) var(--d, 0ms), transform 1000ms var(--out) var(--d, 0ms), filter 800ms var(--soft) var(--d, 0ms);\r\n  }\r\n  .eacr.eacr--js .eacr-icon [pathLength] { stroke-dasharray: 1; stroke-dashoffset: 1; }\r\n  .eacr.eacr--js .eacr-item.is-in .eacr-icon [pathLength] { stroke-dashoffset: 0; transition: stroke-dashoffset 1300ms var(--out) calc(var(--d, 0ms) + 300ms); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 767px) {\r\n    .eacr { gap: 24px; }\r\n    .eacr .eacr-title { font-size: 20px; }\r\n    .eacr .eacr-num { font-size: 48px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eacr.eacr--js .eacr-item { transform: none; filter: none; }\r\n    .eacr.eacr--js .eacr-item.is-in { transition: opacity 400ms ease; }\r\n    .eacr.eacr--js .eacr-icon [pathLength] { stroke-dashoffset: 0; transition: none; }\r\n    .eacr .eacr-icon::after { display: none; }\r\n    .eacr .eacr-item:hover .eacr-icon { transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"eacr\" data-tema=\"claro\">\r\n\r\n  <div class=\"eacr-item\">\r\n    <span class=\"eacr-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eacr-duo\" cx=\"16\" cy=\"20\" r=\"8\"\/>\r\n      <path pathLength=\"1\" d=\"M2.5 12L16 5.5 29.5 12 16 18.5z\"\/>\r\n      <path pathLength=\"1\" d=\"M8 15v6c2.2 2.1 5 3.2 8 3.2s5.8-1.1 8-3.2v-6\"\/>\r\n      <path pathLength=\"1\" d=\"M29.5 12v7\"\/>\r\n      <path pathLength=\"1\" d=\"M28.3 19.2h2.4l-.5 3.3h-1.4z\"\/>\r\n    <\/svg><\/span>\r\n    <h3 class=\"eacr-title\">Formaci\u00f3n especializada<\/h3>\r\n    <span class=\"eacr-rule\" aria-hidden=\"true\"><\/span>\r\n    <ul class=\"eacr-list\">\r\n      <li><strong>Odont\u00f3loga<\/strong> \u00b7 Universidad CES<\/li>\r\n      <li><strong>Especialista<\/strong> \u00b7 FACOP, S\u00e3o Paulo<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"eacr-item\">\r\n    <span class=\"eacr-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eacr-duo\" cx=\"16\" cy=\"16\" r=\"7.5\"\/>\r\n      <path pathLength=\"1\" d=\"M4 10V5.5C4 4.7 4.7 4 5.5 4H10M22 4h4.5c.8 0 1.5.7 1.5 1.5V10M28 22v4.5c0 .8-.7 1.5-1.5 1.5H22M10 28H5.5C4.7 28 4 27.3 4 26.5V22\"\/>\r\n      <g transform=\"translate(8.6 8.2) scale(.46)\"><path pathLength=\"1\" stroke-width=\"2.6\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g>\r\n      <path pathLength=\"1\" d=\"M7 16h3M22 16h3\"\/>\r\n    <\/svg><\/span>\r\n    <h3 class=\"eacr-title\">Tecnolog\u00eda de vanguardia<\/h3>\r\n    <span class=\"eacr-rule\" aria-hidden=\"true\"><\/span>\r\n    <p class=\"eacr-text\">Planificaci\u00f3n digital, precisi\u00f3n cl\u00ednica y atenci\u00f3n personalizada.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"eacr-item\">\r\n    <span class=\"eacr-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eacr-duo\" cx=\"16\" cy=\"15\" r=\"7\"\/>\r\n      <g>\r\n        <path pathLength=\"1\" d=\"M12.5 27C7.6 25 4.6 20.6 4.6 15.4c0-3.4 1.2-6.4 3.2-8.6\"\/>\r\n        <path pathLength=\"1\" d=\"M6.2 21.6c-2 0-3.5-1-4.2-2.8 2 0 3.5 1 4.2 2.8z\"\/>\r\n        <path pathLength=\"1\" d=\"M4.7 16.4c-1.8-.6-2.8-1.9-3-3.8 1.8.6 2.8 1.9 3 3.8z\"\/>\r\n        <path pathLength=\"1\" d=\"M5.4 11.6c-1.4-1-2-2.5-1.8-4.3 1.4 1 2 2.5 1.8 4.3z\"\/>\r\n        <path pathLength=\"1\" d=\"M7.2 19.8c.4-1.8 1.6-3 3.4-3.4-.4 1.8-1.6 3-3.4 3.4z\"\/>\r\n        <path pathLength=\"1\" d=\"M6.5 14.8c.6-1.7 1.9-2.7 3.7-2.9-.6 1.7-1.9 2.7-3.7 2.9z\"\/>\r\n      <\/g>\r\n      <g transform=\"matrix(-1 0 0 1 32 0)\">\r\n        <path pathLength=\"1\" d=\"M12.5 27C7.6 25 4.6 20.6 4.6 15.4c0-3.4 1.2-6.4 3.2-8.6\"\/>\r\n        <path pathLength=\"1\" d=\"M6.2 21.6c-2 0-3.5-1-4.2-2.8 2 0 3.5 1 4.2 2.8z\"\/>\r\n        <path pathLength=\"1\" d=\"M4.7 16.4c-1.8-.6-2.8-1.9-3-3.8 1.8.6 2.8 1.9 3 3.8z\"\/>\r\n        <path pathLength=\"1\" d=\"M5.4 11.6c-1.4-1-2-2.5-1.8-4.3 1.4 1 2 2.5 1.8 4.3z\"\/>\r\n        <path pathLength=\"1\" d=\"M7.2 19.8c.4-1.8 1.6-3 3.4-3.4-.4 1.8-1.6 3-3.4 3.4z\"\/>\r\n        <path pathLength=\"1\" d=\"M6.5 14.8c.6-1.7 1.9-2.7 3.7-2.9-.6 1.7-1.9 2.7-3.7 2.9z\"\/>\r\n      <\/g>\r\n      <g transform=\"translate(9.9 9.4) scale(.38)\"><path pathLength=\"1\" stroke-width=\"3.1\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g>\r\n      <path pathLength=\"1\" d=\"M12.5 27l3.5-1.6 3.5 1.6\"\/>\r\n    <\/svg><\/span>\r\n    <h3 class=\"eacr-title\">Experiencia comprobada<\/h3>\r\n    <span class=\"eacr-rule\" aria-hidden=\"true\"><\/span>\r\n    <p class=\"eacr-num\"><b class=\"eacr-count\" data-to=\"1500\" style=\"font-weight:500\">1.500<\/b><span>+<\/span><\/p>\r\n    <p class=\"eacr-text\">Dise\u00f1os de sonrisa<\/p>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eacr')) root = document.querySelector('.eacr:not(.eacr--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eacr--ready');\r\n    if (!('IntersectionObserver' in window)) return;\r\n    root.classList.add('eacr--js');\r\n\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var fmt = function (n) { return Math.round(n).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.'); };\r\n\r\n    function countUp(el) {\r\n      var to = parseInt(el.getAttribute('data-to'), 10) || 0;\r\n      if (reduce) { el.textContent = fmt(to); return; }\r\n      var start = null, dur = 1800;\r\n      el.textContent = '0';\r\n      function step(t) {\r\n        if (!start) start = t;\r\n        var p = Math.min((t - start) \/ dur, 1);\r\n        var e = 1 - Math.pow(1 - p, 4);\r\n        el.textContent = fmt(to * e);\r\n        if (p < 1) requestAnimationFrame(step);\r\n      }\r\n      requestAnimationFrame(step);\r\n    }\r\n\r\n    var items = Array.prototype.slice.call(root.querySelectorAll('.eacr-item'));\r\n    var batch = 0, reset = null;\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n        io.unobserve(entry.target);\r\n        var d = batch++ * 110;\r\n        entry.target.style.setProperty('--d', d + 'ms');\r\n        clearTimeout(reset);\r\n        reset = setTimeout(function () { batch = 0; }, 150);\r\n        requestAnimationFrame(function () { entry.target.classList.add('is-in'); });\r\n        var c = entry.target.querySelector('.eacr-count');\r\n        if (c) setTimeout(function () { countUp(c); }, d + 250);\r\n      });\r\n    }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\r\n    items.forEach(function (i) { io.observe(i); });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e93df64 elementor-widget__width-auto elementor-widget-mobile__width-inherit aux-appear-watch-animation aux-scale-up elementor-widget elementor-widget-aux_modern_button\" data-id=\"e93df64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"aux-modern-button-wrapper aux-modern-button-align-left\" >\n                    <a class=\"aux-modern-button aux-black aux-modern-button-md aux-modern-button-normal aux-modern-button-default aux-icon-\">\n                <div class=\"aux-overlay\"><\/div>\n                                <div class=\"aux-text\">\n<span class=\"aux-text-before\">Agenda tu valoraci\u00f3n<\/span>                <\/div>\n            <\/a>\n            \n    <\/div>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-fa4a0c2 e-flex e-con-boxed e-con e-parent\" data-id=\"fa4a0c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71f5850 aux-appear-watch-animation aux-scale-down elementor-widget elementor-widget-aux_modern_heading\" data-id=\"71f5850\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h5 class=\"aux-modern-heading-primary\">Odontolog\u00eda con enfoque WELLNESS<\/h5><h2 class=\"aux-modern-heading-secondary\"><span class=\"aux-head-before\">Soluciones integrales<\/span><span class=\"aux-head-highlight\"> para tu sonrisa.<\/span><\/h2><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-3ded3e7 e-flex e-con-boxed e-con e-parent\" data-id=\"3ded3e7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf8da18 elementor-widget elementor-widget-html\" data-id=\"cf8da18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     Info boxes \u00b7 Dra. Emiliana \u00c1lvarez \u00b7 7 boxes, responsive\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Todo el CSS est\u00e1 aislado bajo .eaib para no chocar con el tema.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&display=swap\">\r\n\r\n<style>\r\n  .eaib {\r\n    --cafe: #8b6c54;\r\n    --crema: #fffcf3;\r\n    --piedra: #4f4e4a;\r\n    --carbon: #3a3a37;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n    --tab: 56px;\r\n    --r: 12px;\r\n\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));\r\n    gap: 32px 28px;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 8px;\r\n    background: transparent;\r\n    \/* El texto usa la tipograf\u00eda de tu sitio *\/\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eaib *, .eaib *::before, .eaib *::after { box-sizing: border-box; }\r\n\r\n  .eaib .eaib-cell { min-width: 0; display: flex; }\r\n  .eaib.eaib--4 { --cols: 4; --tab: 50px; }\r\n  \/* Isotipo de la doctora en la pesta\u00f1a: ocupa casi todo el ancho *\/\r\n  .eaib .eaib-tab .eaib-iso { display: block; width: calc(var(--tab) - 12px); height: auto; color: var(--crema); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18)); transform-origin: center top; transition: transform 520ms var(--out); }\r\n  .eaib.eaib--3 { --cols: 3; }\r\n  .eaib.eaib--4 .eaib-card { padding: 32px calc(var(--tab) + 22px) 32px 26px; }\r\n\r\n  \/* ---------- Ficha de papel ---------- *\/\r\n  .eaib .eaib-card {\r\n    --c: var(--cafe);\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    min-height: 330px;\r\n    padding: 34px calc(var(--tab) + 28px) 34px 30px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%);\r\n    border-radius: var(--r);\r\n    box-shadow:\r\n      0 0 0 1px rgba(58, 58, 55, 0.05),\r\n      0 2px 3px rgba(58, 58, 55, 0.05),\r\n      0 14px 28px -10px rgba(58, 58, 55, 0.18),\r\n      0 34px 56px -34px rgba(58, 58, 55, 0.28);\r\n    cursor: pointer;\r\n    outline: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: transform 520ms var(--out), box-shadow 520ms var(--out);\r\n  }\r\n  .eaib .eaib-card:active { transform: translateY(-3px) scale(0.985); transition-duration: 140ms; }\r\n\r\n  \/* Pesta\u00f1a lateral de color, como un separador de archivo *\/\r\n  .eaib .eaib-tab {\r\n    position: absolute;\r\n    top: 0; right: 0; bottom: 0;\r\n    width: var(--tab);\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding-top: 26px;\r\n    background: linear-gradient(180deg, rgba(255, 252, 243, 0.10), rgba(255, 252, 243, 0) 40%), var(--c);\r\n    box-shadow: inset 7px 0 10px -8px rgba(0, 0, 0, 0.45);\r\n    color: var(--crema);\r\n  }\r\n  \/* Doblez superior de la pesta\u00f1a *\/\r\n  .eaib .eaib-tab::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: -10px;\r\n    width: 10px; height: 52px;\r\n    background: linear-gradient(90deg, rgba(58, 58, 55, 0) 0%, rgba(58, 58, 55, 0.10) 100%);\r\n  }\r\n\r\n  \/* Relleno s\u00f3lido caf\u00e9 que se despliega desde la pesta\u00f1a *\/\r\n  .eaib .eaib-fill {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background: radial-gradient(130% 100% at 100% 0%, rgba(255, 252, 243, 0.12), rgba(255, 252, 243, 0) 55%), var(--cafe);\r\n    clip-path: inset(0 0 0 calc(100% - var(--tab)));\r\n    transition: clip-path 360ms var(--out);\r\n  }\r\n\r\n  \/* Brillo: banda de luz que cruza la ficha *\/\r\n  .eaib .eaib-shine {\r\n    position: absolute;\r\n    inset: -25% auto -25% 0;\r\n    width: 50%;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    background: linear-gradient(100deg,\r\n      rgba(255, 252, 243, 0) 0%,\r\n      rgba(255, 252, 243, 0.07) 35%,\r\n      rgba(255, 252, 243, 0.36) 50%,\r\n      rgba(255, 252, 243, 0.07) 65%,\r\n      rgba(255, 252, 243, 0) 100%);\r\n    transform: translateX(-140%) skewX(-14deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  \/* ---------- Contenido ---------- *\/\r\n  .eaib .eaib-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 62px; height: 62px;\r\n    margin-bottom: 12px;\r\n    border-radius: 50%;\r\n    background: #f6f2ea;\r\n    color: var(--c);\r\n    transition: background-color 320ms var(--soft), color 320ms var(--soft), transform 520ms var(--out);\r\n  }\r\n  .eaib .eaib-icon svg {\r\n    width: 40px; height: 40px; overflow: visible;\r\n    fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n  \/* Forma de fondo suave: icono duotono *\/\r\n  .eaib .eaib-icon svg .eaib-duo { stroke: none; fill: currentColor; opacity: 0.16; transition: opacity 320ms var(--soft); }\r\n  .eaib .eaib-icon svg .eaib-dot { stroke: none; fill: currentColor; }\r\n  .eaib .eaib-title {\r\n    margin: 0; padding: 0;\r\n    font-family: var(--display);\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n    color: var(--carbon);\r\n    text-wrap: balance;\r\n    transition: color 320ms var(--soft);\r\n  }\r\n  .eaib .eaib-rule {\r\n    display: block;\r\n    width: 28px; height: 1px;\r\n    background: var(--c);\r\n    transform-origin: left center;\r\n    transition: background-color 320ms var(--soft), transform 520ms var(--out);\r\n  }\r\n  .eaib .eaib-text {\r\n    margin: 0; padding: 0;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n    color: var(--piedra);\r\n    transition: color 320ms var(--soft);\r\n  }\r\n\r\n  \/* ---------- Activa: hover, foco de teclado o seleccionada ---------- *\/\r\n  .eaib .eaib-card.is-selected,\r\n  .eaib .eaib-card:focus-visible {\r\n    transform: translateY(-8px);\r\n    box-shadow:\r\n      0 0 0 1px rgba(139, 108, 84, 0.35),\r\n      0 4px 8px rgba(122, 94, 72, 0.10),\r\n      0 26px 44px -16px rgba(122, 94, 72, 0.50),\r\n      0 48px 70px -40px rgba(122, 94, 72, 0.45);\r\n  }\r\n  .eaib .eaib-card.is-selected .eaib-fill,\r\n  .eaib .eaib-card:focus-visible .eaib-fill { clip-path: inset(0 0 0 0); transition-duration: 640ms; }\r\n  .eaib .eaib-card.is-selected .eaib-title,\r\n  .eaib .eaib-card.is-selected .eaib-text,\r\n  .eaib .eaib-card:focus-visible .eaib-title,\r\n  .eaib .eaib-card:focus-visible .eaib-text { color: var(--crema); }\r\n  .eaib .eaib-card.is-selected .eaib-icon,\r\n  .eaib .eaib-card:focus-visible .eaib-icon { background: rgba(255, 252, 243, 0.14); color: var(--crema); transform: rotate(-8deg); }\r\n  .eaib .eaib-card.is-selected .eaib-rule,\r\n  .eaib .eaib-card:focus-visible .eaib-rule { background: var(--crema); transform: scaleX(2.4); }\r\n  .eaib .eaib-card.is-selected .eaib-shine { animation: eaib-shine-loop 4200ms var(--soft) 250ms infinite; }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eaib .eaib-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow:\r\n        0 0 0 1px rgba(139, 108, 84, 0.35),\r\n        0 4px 8px rgba(122, 94, 72, 0.10),\r\n        0 26px 44px -16px rgba(122, 94, 72, 0.50),\r\n        0 48px 70px -40px rgba(122, 94, 72, 0.45);\r\n    }\r\n    .eaib .eaib-card:hover .eaib-fill { clip-path: inset(0 0 0 0); transition-duration: 640ms; }\r\n    .eaib .eaib-card:hover .eaib-title,\r\n    .eaib .eaib-card:hover .eaib-text { color: var(--crema); }\r\n    .eaib .eaib-card:hover .eaib-icon { background: rgba(255, 252, 243, 0.14); color: var(--crema); transform: rotate(-8deg); }\r\n    .eaib .eaib-card:hover .eaib-rule { background: var(--crema); transform: scaleX(2.4); }\r\n    .eaib .eaib-card:hover .eaib-iso { transform: scale(1.08); }\r\n    .eaib .eaib-card:not(.is-selected):hover .eaib-shine { animation: eaib-shine-once 1150ms var(--soft) 200ms 1 both; }\r\n  }\r\n\r\n  @keyframes eaib-shine-once {\r\n    0%   { opacity: 0; transform: translateX(-140%) skewX(-14deg); }\r\n    15%  { opacity: 1; }\r\n    100% { opacity: 0.9; transform: translateX(280%) skewX(-14deg); }\r\n  }\r\n  @keyframes eaib-shine-loop {\r\n    0%   { opacity: 0; transform: translateX(-140%) skewX(-14deg); }\r\n    6%   { opacity: 1; }\r\n    34%  { opacity: 0.9; transform: translateX(280%) skewX(-14deg); }\r\n    35%, 100% { opacity: 0; transform: translateX(280%) skewX(-14deg); }\r\n  }\r\n\r\n  \/* ---------- Entrada al hacer scroll (solo con JS activo) ---------- *\/\r\n  .eaib.eaib--js .eaib-cell { opacity: 0; transform: translateY(26px); filter: blur(6px); }\r\n  .eaib.eaib--js .eaib-cell.is-in {\r\n    opacity: 1; transform: none; filter: blur(0);\r\n    transition:\r\n      opacity 800ms var(--soft) var(--d, 0ms),\r\n      transform 1000ms var(--out) var(--d, 0ms),\r\n      filter 800ms var(--soft) var(--d, 0ms);\r\n  }\r\n  .eaib.eaib--js .eaib-icon svg [pathLength] { stroke-dasharray: 1; stroke-dashoffset: 1; }\r\n  .eaib.eaib--js .eaib-cell.is-in .eaib-icon svg [pathLength] {\r\n    stroke-dashoffset: 0;\r\n    transition: stroke-dashoffset 1300ms var(--out) calc(var(--d, 0ms) + 300ms);\r\n  }\r\n\r\n  \/* ---------- Ancho completo dentro de Elementor ---------- *\/\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eaib-wrap),\r\n  .elementor-widget-html:has(> .eaib-wrap) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n  .elementor-widget-html > .elementor-widget-container:has(> .eaib-wrap) { width: 100%; }\r\n  .eaib-wrap { display: flex; flex-direction: column; gap: 28px; width: 100%; min-width: 100%; max-width: 100%; }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 1100px) {\r\n    .eaib-wrap { gap: 24px; }\r\n    .eaib.eaib--4, .eaib.eaib--3 { --cols: 2; max-width: 820px; gap: 24px; }\r\n    .eaib.eaib--3 .eaib-cell:last-child { grid-column: 1 \/ -1; justify-self: center; width: calc(50% - 12px); }\r\n    .eaib.eaib--4 { --tab: 56px; }\r\n    .eaib.eaib--4 .eaib-card { padding: 34px calc(var(--tab) + 28px) 34px 30px; }\r\n  }\r\n  @media (max-width: 640px) {\r\n    .eaib-wrap { gap: 18px; }\r\n    .eaib.eaib--4, .eaib.eaib--3 { --cols: 1; --tab: 52px; gap: 18px; padding-inline: 0; }\r\n    .eaib.eaib--3 .eaib-cell:last-child { width: 100%; }\r\n    .eaib.eaib--4 .eaib-card, .eaib.eaib--3 .eaib-card { min-height: 0; padding: 28px calc(var(--tab) + 20px) 30px 24px; }\r\n  }\r\n\r\n  \/* ---------- Movimiento reducido: solo fundidos y color ---------- *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eaib.eaib--js .eaib-cell { transform: none; filter: none; }\r\n    .eaib.eaib--js .eaib-cell.is-in { transition: opacity 400ms ease; }\r\n    .eaib.eaib--js .eaib-icon svg [pathLength] { stroke-dashoffset: 0; transition: none; }\r\n    .eaib .eaib-card, .eaib .eaib-card:hover, .eaib .eaib-card.is-selected { transform: none !important; }\r\n    .eaib .eaib-fill { clip-path: none; opacity: 0; transition: opacity 300ms ease; }\r\n    .eaib .eaib-card:hover .eaib-fill, .eaib .eaib-card.is-selected .eaib-fill, .eaib .eaib-card:focus-visible .eaib-fill { opacity: 1; }\r\n    .eaib .eaib-shine { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"eaib-wrap\">\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\"><symbol id=\"eaib-isotipo\" viewBox=\"0 0 479.87 302.46\"><g fill=\"currentColor\"><path transform=\"matrix(1,0,0,-1,240.01,284.69)\" d=\"M0 0C-5.26 21.53-13.92 42.33-25.51 61.26-28.12 65.52-30.88 69.69-33.78 73.75-47.15 92.50-63.59 108.99-82.57 121.96-87.26 125.18-92.09 128.17-97.08 130.93-101.35 133.29-105.72 135.49-110.20 137.50L-114.27 139.43-118.46 141.10C-126.83 144.50-135.35 147.52-144.10 149.77-165.38 155.52-187.47 158.42-209.71 159.08-207.73 140.74-200.21 122.88-188.32 108.78-173.54 91.25-152.08 80.39-130.02 75.04-121.92 72.89-111.78 71.34-103.41 70.35L-92.56 69.39C-107.06 68.43-121.82 68.92-136.31 71.83-150.98 74.60-165.15 79.90-177.77 88.04-205.13 105.72-222.24 138.19-221.95 170.80-180.12 171.97-136.47 164.90-99.16 145.26-94.24 142.69-89.43 139.87-84.75 136.83-80.58 134.13-76.52 131.26-72.58 128.20-56.75 116.10-42.99 101.36-31.78 84.84-28.72 80.34-25.84 75.70-23.16 70.94-10.87 49.08-2.82 24.82 0 0\"\/><path transform=\"matrix(1,0,0,-1,461.96,113.88)\" d=\"M0 0C.134-17.40-4.67-34.65-13.21-49.75-28.09-76.58-55.96-93.68-85.64-98.97-100.13-101.87-114.87-102.36-129.38-101.41L-118.53-100.44C-110.14-99.42-100.04-97.90-91.93-95.75-69.86-90.41-48.41-79.54-33.63-62.02-21.74-47.92-14.21-30.06-12.24-11.71-34.48-12.37-56.56-15.28-77.84-21.03-86.59-23.27-95.12-26.29-103.48-29.69L-107.68-31.36-111.74-33.3C-115.63-35.04-119.42-36.91-123.14-38.92-128.07-41.58-132.87-44.47-137.51-47.57-157.14-60.64-174.11-77.44-187.87-96.63-191.25-101.33-194.44-106.18-197.41-111.15-208.51-129.66-216.84-149.88-221.95-170.80-219.11-145.85-211.00-121.49-198.61-99.54V-99.53C-195.58-94.19-192.31-89.00-188.80-83.98-177.83-68.27-164.55-54.21-149.37-42.60-144.82-39.07-140.12-35.78-135.29-32.73-130.76-29.88-126.11-27.23-121.37-24.79-84.37-5.72-41.30 1.15 0 0\"\/><path transform=\"matrix(1,0,0,-1,268.90,56.82)\" d=\"M0 0C-6.06-1.60-12.14-2.40-18.45-1.53-27.82-.227-36.13 3.75-44.29 8.16-50.18 11.34-55.93 14.80-61.98 17.69-68.82 20.94-75.98 22.94-83.60 22.80-96.07 22.58-105.09 16.76-110.65 5.64-114.54-2.13-116.43-10.45-117.19-19.07-117.78-25.85-118.21-32.63-118.06-39.42-117.83-49.35-117.33-59.27-116.33-69.16-115.59-76.47-114.66-83.75-113.64-91.03-118.33-87.98-123.13-85.17-128.05-82.60-128.77-77.19-129.41-71.77-129.94-66.34-131.02-55.08-131.49-43.8-131.08-32.51-130.59-19.31-129.19-6.21-124.17 6.19-120.65 14.93-115.93 22.89-108.40 28.85-103.13 33.02-97.34 36.23-90.69 37.59-83.59 39.05-76.79 37.87-70.17 35.12-62.24 31.86-54.98 27.41-47.83 22.73-40.05 17.64-32.52 12.11-24.07 8.12-18.24 5.37-12.26 3-5.87 1.87-3.98 1.54-2.03 1.46-.11 1.28 .33 1.23 1.00 1.44 1.09 .882 1.20 .226 .464 .127 0 0\"\/><path transform=\"matrix(1,0,0,-1,342.32,105.69)\" d=\"M0 0C.134-10.89-.505-20.95-1.50-31.00-1.57-31.67-1.64-32.32-1.72-32.98-6.47-35.42-11.11-38.07-15.64-40.92-15.43-39.26-15.23-37.60-15.06-35.95-14.44-30.19-14.01-24.41-13.56-18.62-12.93-10.41-13-2.21-13.08 5.98-13.24 21.29-15.28 36.31-20.53 50.78-23.27 58.31-27.53 64.82-33.91 69.78-38.08 73.04-42.97 74.69-48.17 75.45-58.30 76.96-68.17 75.33-78.01 73.17-84.57 71.71-90.87 69.50-97.13 67.13-97.66 66.93-98.34 66.24-98.80 66.96-99.21 67.58-98.37 67.92-98.02 68.31-88.83 78.67-77.06 83.94-63.53 85.71-55.23 86.79-47.00 86.44-38.98 84.12-31.10 81.82-23.82 78.31-18.28 71.99-13.60 66.64-10.42 60.37-7.87 53.83-4.19 44.36-2.39 34.45-1.21 24.39-.255 16.02 .174 7.62 0 0\"\/><\/g><\/symbol><\/svg>\r\n<div class=\"eaib eaib--4\">\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#8b6c54\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><circle class=\"eaib-duo\" cx=\"16\" cy=\"14\" r=\"8\"\/><g transform=\"translate(4.5 2.4) scale(.72)\"><path pathLength=\"1\" stroke-width=\"1.85\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><path pathLength=\"1\" stroke-width=\"1.85\" d=\"M10 8.4c.4-1.3 1.3-2.1 2.6-2.3\"\/><\/g><path pathLength=\"1\" d=\"M5 25c3.2 2.3 7 3.5 11 3.5s7.8-1.2 11-3.5\"\/><path pathLength=\"1\" d=\"M26.6 3c.3 1.5.8 2 2.3 2.3-1.5.3-2 .8-2.3 2.3-.3-1.5-.8-2-2.3-2.3 1.5-.3 2-.8 2.3-2.3z\"\/><circle class=\"eaib-dot\" cx=\"5.6\" cy=\"6.4\" r=\".9\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Dise\u00f1o de sonrisa<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Dise\u00f1amos tu sonrisa a partir de tu rostro, tu salud oral y lo que deseas expresar. Planificamos forma, color y proporciones para buscar una est\u00e9tica natural que se sienta tuya.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#5f5f5b\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><circle class=\"eaib-duo\" cx=\"16\" cy=\"9.5\" r=\"7.5\"\/><path pathLength=\"1\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><path pathLength=\"1\" d=\"M5.5 11.6c3.2 1.6 6.7 2.4 10.5 2.4s7.3-.8 10.5-2.4\"\/><path pathLength=\"1\" d=\"M10 8.2c.4-1.2 1.2-1.9 2.4-2.1\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Rehabilitaci\u00f3n oral<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Ante dientes desgastados, fracturados o ausentes, estudiamos c\u00f3mo recuperar funci\u00f3n y armon\u00eda. Planificamos coronas, puentes o pr\u00f3tesis seg\u00fan tu caso, buscando comodidad al comer y confianza al volver a sonre\u00edr.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#6e5442\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><circle class=\"eaib-duo\" cx=\"16\" cy=\"20\" r=\"8.5\"\/><path pathLength=\"1\" d=\"M9.5 7.2c0-2 1.6-3 3.4-3 1.3 0 2.1.6 3.1.6s1.8-.6 3.1-.6c1.8 0 3.4 1 3.4 3 0 1.7-.7 3.1-1 4.3h-11c-.3-1.2-1-2.6-1-4.3z\"\/><path pathLength=\"1\" d=\"M13.2 11.5l.6 2.5h4.4l.6-2.5\"\/><path pathLength=\"1\" d=\"M13 14h6l-.9 12.2c-.1 1-.9 1.8-2.1 1.8s-2-.8-2.1-1.8z\"\/><path pathLength=\"1\" d=\"M12.8 17.4l6.4-1.1M13 20.6l6-1.1M13.3 23.8l5.4-1\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Implantes dentales<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Valoramos tus enc\u00edas, el hueso y tu salud general para determinar si los implantes son adecuados. Planificamos contigo el reemplazo de dientes ausentes buscando estabilidad, funci\u00f3n y una apariencia natural.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#3a3a37\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><circle class=\"eaib-duo\" cx=\"14\" cy=\"17\" r=\"9\"\/><g transform=\"translate(1.2 4) scale(.84)\"><path pathLength=\"1\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><path pathLength=\"1\" d=\"M10 8.6c.4-1.4 1.4-2.3 2.8-2.5\"\/><\/g><path pathLength=\"1\" d=\"M25.6 1.8c0.30 1.60 0.80 2.10 2.40 2.40-1.60 0.30-2.10 0.80-2.40 2.40-0.30-1.60-0.80-2.10-2.40-2.40 1.60-0.30 2.10-0.80 2.40-2.40z\"\/><path pathLength=\"1\" d=\"M28.4 9.8c0.18 0.96 0.48 1.26 1.44 1.44-0.96 0.18-1.26 0.48-1.44 1.44-0.18-0.96-0.48-1.26-1.44-1.44 0.96-0.18 1.26-0.48 1.44-1.44z\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Blanqueamiento dental<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Aclaramos el tono de tus dientes naturales con un tratamiento indicado seg\u00fan tu valoraci\u00f3n. Consideramos tu sensibilidad y expectativas para buscar una sonrisa luminosa, con orientaci\u00f3n sobre cuidados y mantenimiento.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"eaib eaib--3\">\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#8b6c54\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><circle class=\"eaib-duo\" cx=\"16\" cy=\"14\" r=\"5\"\/><path pathLength=\"1\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><path pathLength=\"1\" d=\"M12.6 12.2c0-1.5 1.6-2.5 3.4-2.5s3.4 1 3.4 2.5c0 1.2-.7 2-1.2 3.1l1.3 8.4M12.6 12.2c0 1.2.7 2 1.2 3.1l-1.3 8.4\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Endodoncia<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Cuando el interior de un diente est\u00e1 inflamado o infectado, evaluamos la posibilidad de conservarlo. La endodoncia trata el tejido afectado y busca mantener tu pieza natural cuando est\u00e1 indicada.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#5f5f5b\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><path class=\"eaib-duo\" d=\"M3.5 19c2.4-2.4 4.6-2.4 6.6-.6 1.8 1.6 4 1.6 5.9 0 1.9 1.6 4.1 1.6 5.9 0 2-1.8 4.2-1.8 6.6.6v6.5h-25z\"\/><path pathLength=\"1\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><path pathLength=\"1\" d=\"M3.5 19c2.4-2.4 4.6-2.4 6.6-.6 1.8 1.6 4 1.6 5.9 0 1.9 1.6 4.1 1.6 5.9 0 2-1.8 4.2-1.8 6.6.6\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Periodoncia<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Cuidamos las enc\u00edas y los tejidos que sostienen tus dientes. Evaluamos inflamaci\u00f3n, sangrado o movilidad para orientar el tratamiento, preservar el soporte dental y favorecer una sonrisa saludable y estable.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n  <div class=\"eaib-cell\">\r\n    <article class=\"eaib-card\" style=\"--c:#6e5442\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\">\r\n      <span class=\"eaib-fill\" aria-hidden=\"true\"><\/span><span class=\"eaib-shine\" aria-hidden=\"true\"><\/span>\r\n      <span class=\"eaib-tab\" aria-hidden=\"true\"><svg class=\"eaib-iso\" viewBox=\"0 0 479.87 302.46\"><use href=\"#eaib-isotipo\"\/><\/svg><\/span>\r\n      <span class=\"eaib-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\"><circle class=\"eaib-duo\" cx=\"16\" cy=\"18\" r=\"8.5\"\/><path pathLength=\"1\" d=\"M6.5 9c-.4 5 .6 9.4 3 12.6 1.6 2.2 3.8 3.6 6.5 3.6s4.9-1.4 6.5-3.6c2.4-3.2 3.4-7.6 3-12.6\"\/><circle pathLength=\"1\" cx=\"6.5\" cy=\"6.8\" r=\"2.1\"\/><circle pathLength=\"1\" cx=\"25.5\" cy=\"6.8\" r=\"2.1\"\/><path pathLength=\"1\" d=\"M10.6 14.6l1.8 1.4 1.8-1.4 1.8 1.4 1.8-1.4 1.8 1.4 1.8-1.4\"\/><path pathLength=\"1\" d=\"M12 19.6c1.2.8 2.5 1.2 4 1.2s2.8-.4 4-1.2\"\/><path pathLength=\"1\" d=\"M2.2 3.4l1.7 1.2M29.8 3.4l-1.7 1.2M1.6 7h1.8M30.4 7h-1.8\"\/><\/svg><\/span>\r\n      <h3 class=\"eaib-title\">Bruxismo, dolor orofacial y ATM<\/h3>\r\n      <span class=\"eaib-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eaib-text\">Evaluamos dientes, m\u00fasculos y articulaciones para comprender molestias al masticar, tensi\u00f3n o desgaste. Consideramos tus h\u00e1bitos, descanso y contexto para proponer un cuidado personalizado que busque recuperar comodidad y funci\u00f3n.<\/p>\r\n    <\/article>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var wrap = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!wrap || !wrap.classList || !wrap.classList.contains('eaib-wrap')) wrap = document.querySelector('.eaib-wrap:not(.eaib--ready)');\r\n    if (!wrap) return;\r\n    wrap.classList.add('eaib--ready');\r\n    var grids = Array.prototype.slice.call(wrap.querySelectorAll('.eaib'));\r\n\r\n    \/* Selecci\u00f3n: un clic\/toque\/Enter marca la ficha; otro la libera *\/\r\n    var cards = Array.prototype.slice.call(wrap.querySelectorAll('.eaib-card'));\r\n    function select(card) {\r\n      var on = !card.classList.contains('is-selected');\r\n      cards.forEach(function (c) { c.classList.remove('is-selected'); c.setAttribute('aria-pressed', 'false'); });\r\n      if (on) { card.classList.add('is-selected'); card.setAttribute('aria-pressed', 'true'); }\r\n    }\r\n    cards.forEach(function (card) {\r\n      card.addEventListener('click', function () { select(card); });\r\n      card.addEventListener('keydown', function (e) {\r\n        if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); select(card); }\r\n        if (e.key === 'Escape') { card.classList.remove('is-selected'); card.setAttribute('aria-pressed', 'false'); }\r\n      });\r\n    });\r\n\r\n    \/* Entrada escalonada al hacer scroll *\/\r\n    if (!('IntersectionObserver' in window)) return;\r\n    grids.forEach(function (g) { g.classList.add('eaib--js'); });\r\n    var cells = Array.prototype.slice.call(wrap.querySelectorAll('.eaib-cell'));\r\n    var batch = 0, reset = null;\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n        io.unobserve(entry.target);\r\n        entry.target.style.setProperty('--d', (batch++ * 80) + 'ms');\r\n        clearTimeout(reset);\r\n        reset = setTimeout(function () { batch = 0; }, 150);\r\n        requestAnimationFrame(function () { entry.target.classList.add('is-in'); });\r\n      });\r\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n    cells.forEach(function (c) { io.observe(c); });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-98d1009 e-flex e-con-boxed e-con e-parent\" data-id=\"98d1009\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-458e88d e-con-full e-flex e-con e-child\" data-id=\"458e88d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b85e5 aux-appear-watch-animation aux-scale-down elementor-widget elementor-widget-aux_modern_heading\" data-id=\"f6b85e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h5 class=\"aux-modern-heading-primary\">Transformaciones de sonrisa \u00b7 Antes y despu\u00e9s<\/h5><h2 class=\"aux-modern-heading-secondary\"><span class=\"aux-head-before\">La transformaci\u00f3n que <\/span><span class=\"aux-head-highlight\">tu sonrisa merece.<\/span><\/h2><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad8589c elementor-widget elementor-widget-html\" data-id=\"ad8589c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     Antes y despu\u00e9s \u00b7 Dra. Emiliana \u00c1lvarez \u00b7 carrusel de 3 columnas\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Para agregar un caso: copia un bloque <div class=\"eaba-card\"> y cambia las dos fotos.\r\n     El carrusel es infinito y avanza solo cada 4,5 s (cambia AUTO en el script).\r\n     El t\u00edtulo de cada caso se cambia en data-titulo=\"...\"; el texto de arriba\r\n     muestra el caso de la foto que se toca.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&display=swap\">\r\n\r\n<style>\r\n  .eaba {\r\n    --cafe: #8b6c54;\r\n    --cafe-osc: #6e5442;\r\n    --crema: #fffcf3;\r\n    --arena: #d7d2c6;\r\n    --carbon: #3a3a37;\r\n    --linea: rgba(139, 108, 84, 0.25);\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n    --per: 3;\r\n    --gap: 28px;\r\n\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    font-family: inherit;\r\n    color: var(--carbon);\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eaba *, .eaba *::before, .eaba *::after { box-sizing: border-box; }\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eaba),\r\n  .elementor-widget-html:has(> .eaba) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n  \/* En celular: el contenedor de Elementor que tiene el carrusel se apila (texto arriba, carrusel abajo) *\/\r\n  @media (max-width: 767px) {\r\n    .e-con:has(> .e-con .eaba), .e-con:has(> .e-con-inner > .e-con .eaba) { flex-direction: column !important; flex-wrap: nowrap !important; }\r\n    .e-con:has(> .e-con .eaba) > .e-con,\r\n    .e-con:has(> .e-con-inner > .e-con .eaba) > .e-con-inner > .e-con { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }\r\n    .elementor-section:has(.eaba) .elementor-column { width: 100% !important; }\r\n  }\r\n\r\n  \/* ---------- Carril ---------- *\/\r\n  .eaba .eaba-window { overflow: hidden; padding: 6px 0 34px; margin: -6px 0 0; }\r\n\r\n  \/* Blindado contra los estilos de bot\u00f3n del tema (relleno, ancho m\u00ednimo, fondo) *\/\r\n  .eaba button.eaba-knob, .eaba button.eaba-dot, .eaba button.eaba-btn {\r\n    min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;\r\n    line-height: 1 !important; letter-spacing: normal !important; text-transform: none !important;\r\n    box-sizing: border-box !important; -webkit-appearance: none !important; appearance: none !important;\r\n  }\r\n  .eaba button.eaba-dot, .eaba button.eaba-dot:hover, .eaba button.eaba-dot:focus {\r\n    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;\r\n    width: auto !important; height: 24px !important;\r\n  }\r\n  .eaba button.eaba-btn { width: 58px !important; height: 58px !important; border-radius: 50% !important; }\r\n  .eaba button.eaba-btn, .eaba button.eaba-btn:hover, .eaba button.eaba-btn:focus { background: transparent !important; }\r\n  .eaba button.eaba-knob { width: 50px !important; height: 50px !important; margin: -25px 0 0 -25px !important; border-radius: 50% !important; }\r\n  .eaba button.eaba-knob, .eaba button.eaba-knob:hover, .eaba button.eaba-knob:focus { background: var(--cafe) !important; }\r\n  .eaba .eaba-viewer.is-dragging button.eaba-knob { background: var(--cafe-osc) !important; }\r\n  .eaba .eaba-track {\r\n    display: flex;\r\n    gap: var(--gap);\r\n    transition: transform 850ms var(--out);\r\n    will-change: transform;\r\n  }\r\n  .eaba .eaba-card {\r\n    flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \/ var(--per));\r\n    min-width: 0;\r\n    margin: 0;\r\n    transition: opacity 500ms var(--soft), transform 700ms var(--out);\r\n  }\r\n  .eaba .eaba-card.is-off { opacity: 0.35; transform: scale(0.96); }\r\n\r\n  \/* ---------- Comparador ---------- *\/\r\n  .eaba .eaba-viewer {\r\n    --pos: 50%;\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background: var(--arena);\r\n    box-shadow: 0 0 0 1px rgba(58, 58, 55, 0.05), 0 14px 30px -14px rgba(58, 58, 55, 0.32), 0 34px 60px -40px rgba(58, 58, 55, 0.4);\r\n    touch-action: pan-y;\r\n    user-select: none; -webkit-user-select: none;\r\n    cursor: ew-resize;\r\n    isolation: isolate;\r\n    transition: box-shadow 500ms var(--out), transform 500ms var(--out);\r\n  }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eaba .eaba-card:not(.is-off) .eaba-viewer:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(139, 108, 84, 0.3), 0 22px 40px -16px rgba(122, 94, 72, 0.45), 0 44px 70px -40px rgba(122, 94, 72, 0.45); }\r\n  }\r\n  .eaba .eaba-viewer img {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%; max-width: none;\r\n    object-fit: cover; display: block;\r\n    pointer-events: none; -webkit-user-drag: none;\r\n  }\r\n  .eaba .eaba-viewer .eaba-antes { clip-path: inset(0 calc(100% - var(--pos)) 0 0); }\r\n\r\n  .eaba .eaba-tag {\r\n    position: absolute; bottom: 14px; z-index: 3;\r\n    display: inline-flex; align-items: center; gap: 7px;\r\n    height: 28px; padding: 0 12px;\r\n    border-radius: 999px;\r\n    font-family: var(--display); font-size: 14px; font-weight: 600;\r\n    letter-spacing: 0.16em; text-transform: uppercase;\r\n    color: var(--crema);\r\n    background: rgba(58, 58, 55, 0.55);\r\n    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n    pointer-events: none;\r\n    transition: opacity 300ms var(--soft), transform 400ms var(--out);\r\n  }\r\n  .eaba .eaba-tag::before { content: \"\"; width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: 0.7; }\r\n  .eaba .eaba-tag--antes { left: 14px; }\r\n  .eaba .eaba-tag--despues { right: 14px; background: rgba(139, 108, 84, 0.9); }\r\n  .eaba .eaba-viewer[data-near=\"left\"] .eaba-tag--antes { opacity: 0; transform: translateX(-8px); }\r\n  .eaba .eaba-viewer[data-near=\"right\"] .eaba-tag--despues { opacity: 0; transform: translateX(8px); }\r\n\r\n  .eaba .eaba-divider { position: absolute; top: 0; bottom: 0; left: var(--pos); z-index: 4; width: 2px; margin-left: -1px; background: var(--crema); box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); pointer-events: none; }\r\n  .eaba .eaba-knob {\r\n    position: absolute; top: 50%; left: var(--pos); z-index: 5;\r\n    display: grid; place-items: center;\r\n    width: 50px; height: 50px; margin: -25px 0 0 -25px; padding: 0;\r\n    border: 2px solid var(--crema); border-radius: 50%;\r\n    background: var(--cafe); color: var(--crema);\r\n    box-shadow: 0 8px 20px -6px rgba(58, 58, 55, 0.55);\r\n    cursor: ew-resize; outline: none;\r\n    transition: transform 220ms var(--out), background-color 220ms var(--soft);\r\n  }\r\n  .eaba .eaba-knob svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\r\n  .eaba .eaba-knob::before { content: \"\"; position: absolute; inset: -2px; border-radius: 50%; border: 1px solid var(--crema); animation: eaba-pulse 2400ms var(--soft) infinite; pointer-events: none; }\r\n  .eaba.is-touched .eaba-knob::before { animation: none; opacity: 0; }\r\n  @keyframes eaba-pulse { 0% { transform: scale(1); opacity: 0.8; } 70%, 100% { transform: scale(1.7); opacity: 0; } }\r\n  .eaba .eaba-knob:focus-visible { box-shadow: 0 0 0 3px var(--carbon), 0 8px 20px -6px rgba(58, 58, 55, 0.55); }\r\n  .eaba .eaba-viewer.is-dragging .eaba-knob { transform: scale(1.1); background: var(--cafe-osc); }\r\n\r\n  \/* ---------- Controles ---------- *\/\r\n  .eaba .eaba-controls { display: flex; align-items: center; gap: 24px; }\r\n  .eaba .eaba-dots { flex: 1 1 auto; display: flex; gap: 8px; min-width: 0; }\r\n  .eaba .eaba-dot {\r\n    position: relative; flex: 1; max-width: 90px;\r\n    height: 24px; padding: 0; border: 0;\r\n    background: transparent; cursor: pointer; outline: none;\r\n  }\r\n  .eaba .eaba-dot::before { content: \"\"; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: var(--linea); border-radius: 2px; }\r\n  .eaba .eaba-dot::after { content: \"\"; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: var(--cafe); border-radius: 2px; transform: scaleX(0); transform-origin: left center; transition: transform 700ms var(--out); }\r\n  .eaba .eaba-dot[aria-current=\"true\"]::after { transform: scaleX(1); }\r\n  .eaba .eaba-dot:focus-visible::before { background: var(--carbon); }\r\n\r\n  .eaba .eaba-btns { flex: none; display: flex; gap: 12px; }\r\n  .eaba .eaba-btn {\r\n    position: relative; isolation: isolate; overflow: hidden;\r\n    display: grid; place-items: center;\r\n    width: 58px; height: 58px; padding: 0;\r\n    border: 1px solid rgba(139, 108, 84, 0.45);\r\n    border-radius: 50%;\r\n    background: transparent;\r\n    color: var(--cafe);\r\n    cursor: pointer; outline: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: color 260ms var(--soft), border-color 260ms var(--soft), transform 160ms var(--out);\r\n  }\r\n  .eaba .eaba-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 320ms var(--out); }\r\n  .eaba .eaba-btn::before { content: \"\"; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: var(--cafe); transform: scale(0.6); opacity: 0; transition: transform 380ms var(--out), opacity 220ms var(--soft); }\r\n  .eaba .eaba-btn::after { content: \"\"; position: absolute; top: -20%; bottom: -20%; left: 0; z-index: 1; width: 45%; background: linear-gradient(100deg, rgba(255,252,243,0) 0%, rgba(255,252,243,.5) 50%, rgba(255,252,243,0) 100%); transform: translateX(-170%) skewX(-14deg); pointer-events: none; }\r\n  .eaba .eaba-btn:active { transform: scale(0.94); }\r\n  .eaba .eaba-btn:focus-visible { box-shadow: 0 0 0 3px rgba(139, 108, 84, 0.45); }\r\n  .eaba .eaba-next { color: var(--crema); border-color: var(--cafe); }\r\n  .eaba .eaba-next::before { transform: scale(1); opacity: 1; }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eaba .eaba-prev:hover { color: var(--crema); border-color: var(--cafe); }\r\n    .eaba .eaba-prev:hover::before { transform: scale(1); opacity: 1; }\r\n    .eaba .eaba-next:hover::before { background: var(--cafe-osc); }\r\n    .eaba .eaba-btn:hover::after { animation: eaba-shine 800ms var(--soft) 80ms 1 both; }\r\n    .eaba .eaba-prev:hover svg { transform: translateX(-3px); }\r\n    .eaba .eaba-next:hover svg { transform: translateX(3px); }\r\n  }\r\n  @keyframes eaba-shine { from { transform: translateX(-170%) skewX(-14deg); } to { transform: translateX(330%) skewX(-14deg); } }\r\n\r\n  \/* ---------- Entrada al hacer scroll ---------- *\/\r\n  .eaba.eaba--js .eaba-card .eaba-viewer { opacity: 0; transform: translateY(26px); filter: blur(6px); }\r\n  .eaba.eaba--js.is-in .eaba-card .eaba-viewer {\r\n    opacity: 1; transform: none; filter: none;\r\n    transition: opacity 800ms var(--soft) var(--d, 0ms), transform 1000ms var(--out) var(--d, 0ms), filter 800ms var(--soft) var(--d, 0ms), box-shadow 500ms var(--out);\r\n  }\r\n  .eaba.eaba--js.is-done .eaba-card .eaba-viewer { transition: box-shadow 500ms var(--out), transform 500ms var(--out); }\r\n\r\n\r\n  \/* ---------- Texto \u00fanico: cambia con la foto que se toca (Cormorant) ---------- *\/\r\n  .eaba .eaba-head { margin-bottom: 28px; }\r\n  .eaba .eaba-cap { display: flex; align-items: center; gap: 18px; min-width: 0; }\r\n  .eaba .eaba-cap-num {\r\n    position: relative; flex: none; overflow: hidden;\r\n    height: 0.9em; min-width: 1.1em;\r\n    font-family: var(--display); font-size: 56px; line-height: 0.9; font-weight: 500;\r\n    color: var(--cafe); font-variant-numeric: lining-nums tabular-nums;\r\n  }\r\n  .eaba .eaba-cap-num span { position: absolute; left: 0; top: 0; transition: transform 700ms var(--out), opacity 450ms var(--soft); }\r\n  .eaba .eaba-cap-num span.is-out-up { transform: translateY(-105%); opacity: 0; }\r\n  .eaba .eaba-cap-num span.is-out-down { transform: translateY(105%); opacity: 0; }\r\n  .eaba .eaba-cap-line { flex: none; width: 1px; height: 42px; background: var(--linea); }\r\n  .eaba .eaba-cap-title {\r\n    margin: 0; min-width: 0;\r\n    font-family: var(--display); font-size: 24px; line-height: 1.2; font-weight: 600;\r\n    letter-spacing: 0.06em; text-transform: uppercase; color: var(--carbon);\r\n    text-wrap: balance;\r\n    transition: opacity 350ms var(--soft), transform 600ms var(--out);\r\n  }\r\n  .eaba .eaba-cap-title.is-changing { opacity: 0; transform: translateY(8px); }\r\n  \/* La foto a la que se refiere el texto queda marcada *\/\r\n  .eaba .eaba-card.is-active .eaba-viewer { box-shadow: 0 0 0 2px var(--cafe), 0 18px 36px -16px rgba(122, 94, 72, 0.45), 0 40px 66px -40px rgba(122, 94, 72, 0.45); }\r\n  .eaba.eaba--js .eaba-head { opacity: 0; transform: translateY(14px); }\r\n  .eaba.eaba--js.is-in .eaba-head { opacity: 1; transform: none; transition: opacity 700ms var(--soft), transform 900ms var(--out); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 1024px) { .eaba { --per: 2; --gap: 22px; } }\r\n  @media (max-width: 640px) {\r\n    .eaba { --per: 1; --gap: 16px; }\r\n    .eaba .eaba-window { padding-bottom: 24px; }\r\n    .eaba .eaba-viewer { border-radius: 14px; }\r\n    .eaba .eaba-controls { gap: 16px; }\r\n    .eaba button.eaba-btn { width: 50px !important; height: 50px !important; }\r\n    .eaba button.eaba-knob { width: 44px !important; height: 44px !important; margin: -22px 0 0 -22px !important; }\r\n    .eaba .eaba-tag { height: 24px; padding: 0 10px; font-size: 12px; bottom: 10px; }\r\n    .eaba .eaba-tag--antes { left: 10px; }\r\n    .eaba .eaba-tag--despues { right: 10px; }\r\n    .eaba .eaba-card.is-off { opacity: 1; transform: none; }\r\n    .eaba .eaba-head { margin-bottom: 20px; }\r\n    .eaba .eaba-cap-num { font-size: 46px; }\r\n    .eaba .eaba-cap-title { font-size: 20px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eaba .eaba-track { transition: none; }\r\n    .eaba .eaba-knob::before { animation: none; opacity: 0; }\r\n    .eaba.eaba--js .eaba-card .eaba-viewer, .eaba.eaba--js .eaba-head { transform: none; filter: none; }\r\n    .eaba .eaba-btn::after { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"eaba\" role=\"region\" aria-roledescription=\"carrusel\" aria-label=\"Casos antes y despu\u00e9s\">\r\n  <div class=\"eaba-head\">\r\n    <div class=\"eaba-cap\" aria-live=\"polite\">\r\n      <span class=\"eaba-cap-num\" aria-hidden=\"true\"><span>01<\/span><\/span>\r\n      <span class=\"eaba-cap-line\" aria-hidden=\"true\"><\/span>\r\n      <h3 class=\"eaba-cap-title\">Transformaci\u00f3n de sonrisa<\/h3>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"eaba-window\">\r\n    <div class=\"eaba-track\">\r\n\r\n      <div class=\"eaba-card\" data-titulo=\"Transformaci\u00f3n de sonrisa\">\r\n        <div class=\"eaba-viewer\">\r\n          <img loading=\"lazy\" class=\"eaba-despues\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-Juang-DESPUES.jpg\" alt=\"Sonrisa despu\u00e9s del tratamiento, caso 1\" width=\"800\" height=\"800\" decoding=\"async\">\r\n          <img loading=\"lazy\" class=\"eaba-antes\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-Juang-antes.jpg\" alt=\"Sonrisa antes del tratamiento, caso 1\" width=\"800\" height=\"800\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eaba-card\" data-titulo=\"Transformaci\u00f3n de sonrisa\">\r\n        <div class=\"eaba-viewer\">\r\n          <img loading=\"lazy\" class=\"eaba-despues\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-juan-despues.jpg\" alt=\"Sonrisa despu\u00e9s del tratamiento, caso 2\" width=\"800\" height=\"800\" decoding=\"async\">\r\n          <img loading=\"lazy\" class=\"eaba-antes\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-juan-antes.jpg\" alt=\"Sonrisa antes del tratamiento, caso 2\" width=\"800\" height=\"800\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eaba-card\" data-titulo=\"Transformaci\u00f3n de sonrisa\">\r\n        <div class=\"eaba-viewer\">\r\n          <img loading=\"lazy\" class=\"eaba-despues\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-bianca-DESPUES.jpg\" alt=\"Sonrisa despu\u00e9s del tratamiento, caso 3\" width=\"800\" height=\"800\" decoding=\"async\">\r\n          <img loading=\"lazy\" class=\"eaba-antes\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-BIANCA-antes.jpg\" alt=\"Sonrisa antes del tratamiento, caso 3\" width=\"800\" height=\"800\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eaba-card\" data-titulo=\"Transformaci\u00f3n de sonrisa\">\r\n        <div class=\"eaba-viewer\">\r\n          <img loading=\"lazy\" class=\"eaba-despues\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-alba-despues.jpg\" alt=\"Sonrisa despu\u00e9s del tratamiento, caso 4\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\">\r\n          <img loading=\"lazy\" class=\"eaba-antes\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-alba-antes.jpg\" alt=\"Sonrisa antes del tratamiento, caso 4\" width=\"800\" height=\"800\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"eaba-controls\">\r\n    <div class=\"eaba-dots\" role=\"group\" aria-label=\"Posici\u00f3n del carrusel\"><\/div>\r\n    <div class=\"eaba-btns\">\r\n      <button class=\"eaba-btn eaba-prev\" type=\"button\" aria-label=\"Anterior\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"eaba-btn eaba-next\" type=\"button\" aria-label=\"Siguiente\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eaba')) root = document.querySelector('.eaba:not(.eaba--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eaba--ready');\r\n\r\n    var track = root.querySelector('.eaba-track');\r\n    var cards = Array.prototype.slice.call(root.querySelectorAll('.eaba-card'));\r\n    var dotsWrap = root.querySelector('.eaba-dots');\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var index = 0, dots = [];\r\n\r\n    \/* ----- Comparador en cada tarjeta ----- *\/\r\n    var knobSvg = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 6l-6 6 6 6M15 6l6 6-6 6\"\/><\/svg>';\r\n    var viewers = cards.map(function (card, i) {\r\n      var v = card.querySelector('.eaba-viewer');\r\n      v.insertAdjacentHTML('beforeend',\r\n        '<span class=\"eaba-tag eaba-tag--antes\" aria-hidden=\"true\">Antes<\/span>' +\r\n        '<span class=\"eaba-tag eaba-tag--despues\" aria-hidden=\"true\">Despu\u00e9s<\/span>' +\r\n        '<span class=\"eaba-divider\" aria-hidden=\"true\"><\/span>' +\r\n        '<button class=\"eaba-knob\" type=\"button\" role=\"slider\" aria-label=\"Comparar antes y despu\u00e9s, caso ' + (i + 1) + '\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"50\">' + knobSvg + '<\/button>');\r\n      var knob = v.querySelector('.eaba-knob');\r\n      var st = { v: v, knob: knob, pos: 50, anim: null, drag: false };\r\n      st.set = function (p) {\r\n        st.pos = Math.max(0, Math.min(100, p));\r\n        v.style.setProperty('--pos', st.pos + '%');\r\n        knob.setAttribute('aria-valuenow', Math.round(st.pos));\r\n        v.setAttribute('data-near', st.pos < 18 ? 'left' : st.pos > 82 ? 'right' : '');\r\n      };\r\n      st.to = function (target, dur) {\r\n        if (st.anim) cancelAnimationFrame(st.anim);\r\n        if (reduce) { st.set(target); return; }\r\n        var from = st.pos, t0 = null;\r\n        st.anim = requestAnimationFrame(function step(t) {\r\n          if (!t0) t0 = t;\r\n          var k = Math.min((t - t0) \/ dur, 1), e = k < .5 ? 4 * k * k * k : 1 - Math.pow(-2 * k + 2, 3) \/ 2;\r\n          st.set(from + (target - from) * e);\r\n          if (k < 1) st.anim = requestAnimationFrame(step);\r\n        });\r\n      };\r\n      function x(e) { var r = v.getBoundingClientRect(); return ((e.clientX - r.left) \/ r.width) * 100; }\r\n      v.addEventListener('pointerdown', function (e) {\r\n        if (e.button !== undefined && e.button !== 0) return;\r\n        st.drag = true; root.classList.add('is-touched');\r\n        setActive(i);\r\n        if (st.anim) cancelAnimationFrame(st.anim);\r\n        v.classList.add('is-dragging');\r\n        try { v.setPointerCapture(e.pointerId); } catch (err) {}\r\n        st.set(x(e));\r\n      });\r\n      v.addEventListener('pointermove', function (e) { if (st.drag) st.set(x(e)); });\r\n      function stop() { st.drag = false; v.classList.remove('is-dragging'); }\r\n      v.addEventListener('pointerup', stop);\r\n      v.addEventListener('pointercancel', stop);\r\n      knob.addEventListener('focus', function () { setActive(i); });\r\n      knob.addEventListener('keydown', function (e) {\r\n        if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') { e.preventDefault(); root.classList.add('is-touched'); st.set(st.pos - 5); }\r\n        if (e.key === 'ArrowRight' || e.key === 'ArrowUp') { e.preventDefault(); root.classList.add('is-touched'); st.set(st.pos + 5); }\r\n        e.stopPropagation();\r\n      });\r\n      st.set(50);\r\n      return st;\r\n    });\r\n\r\n    \/* ----- Texto \u00fanico: n\u00famero y t\u00edtulo del caso activo ----- *\/\r\n    var capNum = root.querySelector('.eaba-cap-num');\r\n    var capTitle = root.querySelector('.eaba-cap-title');\r\n    var active = 0;\r\n    function pad(n) { return (n < 10 ? '0' : '') + n; }\r\n    function setActive(i) {\r\n      cards.forEach(function (c, k) { c.classList.toggle('is-active', k === i); });\r\n      if (i === active && capTitle.textContent) return;\r\n      var dir = i > active ? 1 : -1;\r\n      active = i;\r\n      var old = capNum.querySelector('span:last-child');\r\n      var nu = document.createElement('span');\r\n      nu.textContent = pad(i + 1);\r\n      if (reduce || !old) { capNum.innerHTML = ''; capNum.appendChild(nu); }\r\n      else {\r\n        nu.className = dir > 0 ? 'is-out-down' : 'is-out-up';\r\n        capNum.appendChild(nu);\r\n        void nu.offsetWidth;\r\n        old.className = dir > 0 ? 'is-out-up' : 'is-out-down';\r\n        nu.className = '';\r\n        setTimeout(function () { if (old.parentNode) old.parentNode.removeChild(old); }, 720);\r\n      }\r\n      capTitle.classList.add('is-changing');\r\n      setTimeout(function () {\r\n        capTitle.textContent = cards[i].getAttribute('data-titulo') || '';\r\n        capTitle.classList.remove('is-changing');\r\n      }, reduce ? 0 : 320);\r\n    }\r\n\r\n    \/* ----- Carrusel infinito: siempre avanza, nunca se queda en el \u00faltimo ----- *\/\r\n    var AUTO = 4500;                 \/* tiempo entre movimientos autom\u00e1ticos (ms) *\/\r\n    var DUR = 850;                   \/* duraci\u00f3n del deslizamiento (ms) *\/\r\n    var busy = false, timer = null, paused = false, inView = false;\r\n    cards.forEach(function (c, k) { c.setAttribute('data-i', k); });\r\n\r\n    \/* Columnas seg\u00fan el ancho real del widget (no de la pantalla), as\u00ed funciona en cualquier columna de Elementor *\/\r\n    function per() {\r\n      var w = root.clientWidth || window.innerWidth;\r\n      var p = w >= 900 ? 3 : w >= 560 ? 2 : 1;\r\n      root.style.setProperty('--per', p);\r\n      root.style.setProperty('--gap', (p === 3 ? 28 : p === 2 ? 22 : 16) + 'px');\r\n      return p;\r\n    }\r\n    function order() { return Array.prototype.slice.call(track.children); }\r\n    function step() { var o = order(); return o.length > 1 ? o[1].offsetLeft - o[0].offsetLeft : 0; }\r\n    function setTransform(x, animate) {\r\n      track.style.transition = animate && !reduce ? 'transform ' + DUR + 'ms cubic-bezier(0.22, 1, 0.36, 1)' : 'none';\r\n      track.style.transform = 'translate3d(' + x + 'px,0,0)';\r\n    }\r\n\r\n    \/* Puntos: uno por caso *\/\r\n    cards.forEach(function (c, k) {\r\n      var d = document.createElement('button');\r\n      d.type = 'button'; d.className = 'eaba-dot';\r\n      d.setAttribute('aria-label', 'Ir al caso ' + (k + 1));\r\n      d.addEventListener('click', function () { jump(k); restart(); });\r\n      dotsWrap.appendChild(d);\r\n      dots.push(d);\r\n    });\r\n\r\n    function update() {\r\n      var o = order(), p = per();\r\n      var first = +o[0].getAttribute('data-i');\r\n      dots.forEach(function (d, k) { d.setAttribute('aria-current', k === first ? 'true' : 'false'); });\r\n      o.forEach(function (c, k) {\r\n        var visible = k < p;\r\n        c.setAttribute('aria-hidden', visible ? 'false' : 'true');\r\n        Array.prototype.forEach.call(c.querySelectorAll('button'), function (b) { b.tabIndex = visible ? 0 : -1; });\r\n      });\r\n      \/* Si la foto del texto sale de la vista, el texto pasa a la primera visible *\/\r\n      var activePos = o.indexOf(cards[active]);\r\n      if (activePos < 0 || activePos >= p) setActive(first);\r\n    }\r\n\r\n    function next() {\r\n      if (busy || cards.length <= per()) return;\r\n      busy = true;\r\n      setTransform(-step(), true);\r\n      setTimeout(function () {\r\n        track.appendChild(track.firstElementChild);\r\n        setTransform(0, false);\r\n        void track.offsetWidth;\r\n        busy = false;\r\n        update();\r\n      }, reduce ? 0 : DUR);\r\n    }\r\n    function prev() {\r\n      if (busy || cards.length <= per()) return;\r\n      busy = true;\r\n      track.insertBefore(track.lastElementChild, track.firstElementChild);\r\n      setTransform(-step(), false);\r\n      void track.offsetWidth;\r\n      setTransform(0, true);\r\n      update();\r\n      setTimeout(function () { busy = false; }, reduce ? 0 : DUR);\r\n    }\r\n    function jump(k) {\r\n      if (busy) return;\r\n      var o = order(), pos = o.indexOf(cards[k]);\r\n      if (pos <= 0) return;\r\n      busy = true;\r\n      track.style.transition = 'opacity 280ms ease';\r\n      track.style.opacity = '0';\r\n      setTimeout(function () {\r\n        for (var n = 0; n < pos; n++) track.appendChild(track.firstElementChild);\r\n        setTransform(0, false);\r\n        void track.offsetWidth;\r\n        track.style.transition = 'opacity 380ms ease';\r\n        track.style.opacity = '1';\r\n        busy = false;\r\n        update();\r\n        setActive(k);\r\n      }, reduce ? 0 : 290);\r\n    }\r\n\r\n    \/* Avance autom\u00e1tico: se pausa con el mouse encima, al arrastrar o fuera de pantalla *\/\r\n    function stopAuto() { clearInterval(timer); timer = null; }\r\n    function startAuto() {\r\n      stopAuto();\r\n      if (reduce || paused || !inView || document.hidden || cards.length <= per()) return;\r\n      timer = setInterval(next, AUTO);\r\n    }\r\n    function restart() { startAuto(); }\r\n\r\n    root.querySelector('.eaba-prev').addEventListener('click', function () { prev(); restart(); });\r\n    root.querySelector('.eaba-next').addEventListener('click', function () { next(); restart(); });\r\n    root.addEventListener('keydown', function (e) {\r\n      if (e.key === 'ArrowLeft') { prev(); restart(); }\r\n      if (e.key === 'ArrowRight') { next(); restart(); }\r\n    });\r\n    if (window.matchMedia('(hover: hover)').matches) {\r\n      root.addEventListener('mouseenter', function () { paused = true; stopAuto(); });\r\n      root.addEventListener('mouseleave', function () { paused = false; startAuto(); });\r\n    }\r\n    root.addEventListener('pointerdown', function () { stopAuto(); });\r\n    root.addEventListener('pointerup', function () { if (!paused) startAuto(); });\r\n    document.addEventListener('visibilitychange', function () { document.hidden ? stopAuto() : startAuto(); });\r\n    if ('IntersectionObserver' in window) {\r\n      new IntersectionObserver(function (en) { inView = en[0].isIntersecting; inView ? startAuto() : stopAuto(); }, { threshold: 0.25 }).observe(root);\r\n    } else { inView = true; startAuto(); }\r\n\r\n    cards[0].classList.add('is-active');\r\n    update();\r\n    var rt;\r\n    window.addEventListener('resize', function () {\r\n      clearTimeout(rt);\r\n      rt = setTimeout(function () { setTransform(0, false); update(); startAuto(); }, 120);\r\n    });\r\n\r\n    \/* ----- Entrada escalonada + pista inicial del divisor ----- *\/\r\n    if (!('IntersectionObserver' in window)) return;\r\n    root.classList.add('eaba--js');\r\n    cards.forEach(function (c, k) { c.style.setProperty('--d', (k * 110) + 'ms'); });\r\n    var io = new IntersectionObserver(function (entries) {\r\n      if (!entries[0].isIntersecting) return;\r\n      io.disconnect();\r\n      root.classList.add('is-in');\r\n      setTimeout(function () { root.classList.add('is-done'); }, 1500);\r\n      if (reduce) return;\r\n      viewers.slice(0, per()).forEach(function (st, k) {\r\n        setTimeout(function () {\r\n          if (st.drag) return;\r\n          st.to(30, 700);\r\n          setTimeout(function () { if (!st.drag) st.to(70, 900); }, 750);\r\n          setTimeout(function () { if (!st.drag) st.to(50, 700); }, 1700);\r\n        }, 1000 + k * 180);\r\n      });\r\n    }, { threshold: 0.3 });\r\n    io.observe(root);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-1644843 e-flex e-con-boxed e-con e-parent\" data-id=\"1644843\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e95cdc0 elementor-widget elementor-widget-html\" data-id=\"e95cdc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     Banner con video \u00b7 Dra. Emiliana \u00c1lvarez \u00b7 v3 cinematogr\u00e1fico\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Fondo claro en degradado arena (#D7D2C6) a caf\u00e9 (#8B6C54).\r\n     Derecha: el video n\u00edtido, difuminado hacia el fondo (sin las barras negras).\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap\">\r\n\r\n<style>\r\n  .eavb {\r\n    --cafe: #8b6c54;\r\n    --cafe-osc: #6e5442;\r\n    --crema: #fffcf3;\r\n    --arena-cl: #eadfce;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n    --strip: 0.30;           \/* franja \u00fatil del video (es vertical con barras negras) *\/\r\n    --panel: 50%;            \/* ancho de la zona de video n\u00edtido *\/\r\n    --carbon: #3a3a37;\r\n    --arena: #d7d2c6;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    min-height: 580px;\r\n    margin: 0 auto;\r\n    border-radius: 28px;\r\n    background: linear-gradient(100deg, #d7d2c6 0%, #d2c9bb 45%, #8b6c54 100%);\r\n    font-family: var(--display);\r\n    color: var(--carbon);\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eavb *, .eavb *::before, .eavb *::after { box-sizing: border-box; }\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eavb),\r\n  .elementor-widget-html:has(> .eavb) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n\r\n  \/* ---------- Fondo: video ambiental desenfocado + velo caf\u00e9 ---------- *\/\r\n  .eavb .eavb-ambient { position: absolute; inset: 0; z-index: -3; overflow: hidden; }\r\n  .eavb .eavb-ambient video {\r\n    position: absolute; left: 50%; top: 50%;\r\n    width: calc(130% \/ var(--strip)); height: auto; max-width: none;\r\n    transform: translate(-50%, -50%);\r\n    filter: blur(40px) saturate(0.7) brightness(1.1);\r\n  }\r\n  .eavb::before {\r\n    content: \"\"; position: absolute; inset: 0; z-index: -2;\r\n    background:\r\n      linear-gradient(100deg, rgba(215, 210, 198, 0.96) 0%, rgba(215, 210, 198, 0.90) 38%, rgba(176, 156, 136, 0.82) 66%, rgba(139, 108, 84, 0.78) 100%);\r\n  }\r\n  \/* Luz suave en la esquina, como luz de ventana *\/\r\n  .eavb::after {\r\n    content: \"\"; position: absolute; inset: 0; z-index: -1; pointer-events: none;\r\n    background:\r\n      radial-gradient(60% 80% at 0% 0%, rgba(255, 252, 243, 0.55), rgba(255, 252, 243, 0) 60%),\r\n      radial-gradient(50% 60% at 0% 100%, rgba(139, 108, 84, 0.12), rgba(139, 108, 84, 0) 60%);\r\n  }\r\n\r\n  \/* Marco interior fino *\/\r\n  .eavb .eavb-frame {\r\n    position: absolute; inset: 14px; z-index: 3;\r\n    border: 1px solid rgba(139, 108, 84, 0.35);\r\n    border-radius: 20px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ---------- Panel de video n\u00edtido a la derecha ---------- *\/\r\n  .eavb .eavb-panel {\r\n    position: absolute; top: 0; right: 0; bottom: 0; z-index: 1;\r\n    width: var(--panel);\r\n    overflow: hidden;\r\n    \/* Difuminado: el video se funde con el fondo hacia la izquierda *\/\r\n    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 16%, rgba(0,0,0,0.85) 34%, #000 48%);\r\n            mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 16%, rgba(0,0,0,0.85) 34%, #000 48%);\r\n  }\r\n  .eavb .eavb-panel video {\r\n    position: absolute; left: 50%; top: 50%;\r\n    width: calc(100% \/ var(--strip)); height: auto; max-width: none;\r\n    transform: translate(-50%, -50%) scale(1.08);\r\n    filter: sepia(0.1) saturate(0.95);\r\n    transition: transform 2400ms var(--out);\r\n  }\r\n  .eavb.is-in .eavb-panel video { transform: translate(-50%, -50%) scale(1); }\r\n  .eavb .eavb-panel::after {\r\n    content: \"\"; position: absolute; inset: 0; pointer-events: none;\r\n    background:\r\n      linear-gradient(90deg, rgba(215, 210, 198, 0.55) 0%, rgba(215, 210, 198, 0) 45%),\r\n      linear-gradient(0deg, rgba(139, 108, 84, 0.40) 0%, rgba(139, 108, 84, 0) 30%),\r\n      linear-gradient(180deg, rgba(255, 252, 243, 0.18) 0%, rgba(255, 252, 243, 0) 22%);\r\n  }\r\n\r\n  \/* ---------- Texto ---------- *\/\r\n  .eavb .eavb-content {\r\n    position: relative; z-index: 2;\r\n    width: 58%;\r\n    padding: 72px clamp(32px, 6vw, 96px);\r\n  }\r\n  .eavb .eavb-eyebrow {\r\n    margin: 0 0 26px;\r\n    font-size: 15px; font-weight: 600;\r\n    letter-spacing: 0.3em; text-transform: uppercase;\r\n    color: var(--cafe-osc);\r\n  }\r\n  .eavb .eavb-eyebrow .eavb-line > span::before { content: \"\"; display: inline-block; vertical-align: middle; width: 42px; height: 1px; margin-right: 14px; background: currentColor; }\r\n  .eavb .eavb-title {\r\n    margin: 0;\r\n    font-size: clamp(46px, 5.6vw, 84px);\r\n    line-height: 0.98;\r\n    font-weight: 500;\r\n    letter-spacing: 0.002em;\r\n    color: var(--carbon);\r\n  }\r\n  .eavb .eavb-title em { font-style: italic; font-weight: 400; color: var(--cafe); }\r\n  .eavb .eavb-text {\r\n    margin: 26px 0 0;\r\n    max-width: 34ch;\r\n    font-size: clamp(20px, 1.75vw, 25px);\r\n    line-height: 1.45;\r\n    font-weight: 500;\r\n    color: #4f4e4a;\r\n  }\r\n  .eavb .eavb-text strong { font-weight: 600; font-size: 0.8em; letter-spacing: 0.18em; color: var(--cafe-osc); }\r\n  .eavb .eavb-rule { display: block; width: 72px; height: 1px; margin-top: 30px; background: var(--cafe); transform-origin: left center; }\r\n\r\n  \/* Bot\u00f3n pausar \/ reproducir *\/\r\n  .eavb .eavb-toggle {\r\n    position: absolute; right: 32px; bottom: 32px; z-index: 4;\r\n    display: grid; place-items: center;\r\n    width: 44px; height: 44px; padding: 0;\r\n    border: 1px solid rgba(255, 252, 243, 0.7);\r\n    border-radius: 50%;\r\n    background: rgba(139, 108, 84, 0.6);\r\n    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n    color: var(--crema);\r\n    cursor: pointer; outline: none;\r\n    transition: background-color 260ms var(--soft), transform 160ms var(--out);\r\n  }\r\n  .eavb .eavb-toggle svg { width: 15px; height: 15px; fill: currentColor; }\r\n  .eavb .eavb-toggle .eavb-play { display: none; }\r\n  .eavb.is-paused .eavb-toggle .eavb-play { display: block; }\r\n  .eavb.is-paused .eavb-toggle .eavb-pause { display: none; }\r\n  .eavb .eavb-toggle:active { transform: scale(0.94); }\r\n  .eavb .eavb-toggle:focus-visible { box-shadow: 0 0 0 3px rgba(255, 252, 243, 0.7); }\r\n  @media (hover: hover) and (pointer: fine) { .eavb .eavb-toggle:hover { background: var(--cafe); } }\r\n\r\n  \/* ---------- Entrada ---------- *\/\r\n  .eavb .eavb-line { display: block; overflow: hidden; padding-bottom: 0.1em; }\r\n  .eavb .eavb-line > span { display: inline-block; }\r\n  .eavb.eavb--js .eavb-line > span { transform: translateY(105%); opacity: 0; }\r\n  .eavb.eavb--js.is-in .eavb-line > span { transform: none; opacity: 1; transition: transform 1100ms var(--out) var(--d, 0ms), opacity 700ms var(--soft) var(--d, 0ms); }\r\n  .eavb.eavb--js .eavb-rule { transform: scaleX(0); }\r\n  .eavb.eavb--js.is-in .eavb-rule { transform: scaleX(1); transition: transform 1200ms var(--out) 800ms; }\r\n  .eavb.eavb--js .eavb-panel { opacity: 0; transform: translateX(40px); }\r\n  .eavb.eavb--js.is-in .eavb-panel { opacity: 1; transform: none; transition: opacity 1600ms var(--soft) 150ms, transform 1800ms var(--out) 150ms; }\r\n  .eavb.eavb--js .eavb-frame { opacity: 0; }\r\n  .eavb.eavb--js.is-in .eavb-frame { opacity: 1; transition: opacity 1200ms var(--soft) 900ms; }\r\n\r\n  \/* Fuerza Cormorant Garamond aunque el tema de WordPress\/Elementor imponga otra letra *\/\r\n  .eavb, .eavb .eavb-title, .eavb .eavb-title *, .eavb p, .eavb span, .eavb em, .eavb strong, .eavb a {\r\n    font-family: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif !important;\r\n  }\r\n\r\n  \/* ---------- Bot\u00f3n CTA ---------- *\/\r\n  .eavb .eavb-cta {\r\n    position: relative; isolation: isolate; overflow: hidden;\r\n    display: inline-flex; align-items: center; gap: 14px;\r\n    margin-top: 36px;\r\n    min-height: 56px; padding: 0 30px 0 34px;\r\n    border-radius: 999px;\r\n    background: var(--cafe);\r\n    color: var(--crema) !important;\r\n    font-size: 15px; font-weight: 600;\r\n    letter-spacing: 0.22em; text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 14px 30px -14px rgba(110, 84, 66, 0.7);\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: transform 300ms var(--out), box-shadow 300ms var(--out), color 260ms var(--soft);\r\n  }\r\n  .eavb .eavb-cta svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform 360ms var(--out); }\r\n  .eavb .eavb-cta::before { content: \"\"; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--carbon); transform: scaleX(0); transform-origin: left center; transition: transform 480ms var(--out); }\r\n  .eavb .eavb-cta::after { content: \"\"; position: absolute; top: -30%; bottom: -30%; left: 0; width: 35%; background: linear-gradient(100deg, rgba(255,252,243,0) 0%, rgba(255,252,243,.55) 50%, rgba(255,252,243,0) 100%); transform: translateX(-200%) skewX(-16deg); pointer-events: none; animation: eavb-shine 4200ms var(--soft) 2500ms infinite; }\r\n  @keyframes eavb-shine { 0% { transform: translateX(-200%) skewX(-16deg); } 30%, 100% { transform: translateX(420%) skewX(-16deg); } }\r\n  .eavb .eavb-cta:active { transform: scale(0.97); }\r\n  .eavb .eavb-cta:focus-visible { outline: 2px solid var(--cafe-osc); outline-offset: 4px; }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eavb .eavb-cta:hover { color: var(--crema) !important; transform: translateY(-2px); box-shadow: 0 20px 36px -16px rgba(40, 28, 20, 0.7); }\r\n    .eavb .eavb-cta:hover::before { transform: scaleX(1); }\r\n    .eavb .eavb-cta:hover svg { transform: translateX(4px); }\r\n  }\r\n  .eavb.eavb--js .eavb-cta { opacity: 0; transform: translateY(14px); }\r\n  .eavb.eavb--js.is-in .eavb-cta { opacity: 1; transform: none; transition: opacity 800ms var(--soft) 700ms, transform 1000ms var(--out) 700ms, box-shadow 300ms var(--out), color 260ms var(--soft); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .eavb { flex-direction: column; align-items: stretch; min-height: 0; border-radius: 22px;\r\n      background: linear-gradient(180deg, #d7d2c6 0%, #d7d2c6 55%, #cbbcad 100%); }\r\n    \/* En celular el fondo es un degradado arena (m\u00e1s liviano que un segundo video) *\/\r\n    .eavb .eavb-ambient { display: none; }\r\n    .eavb::before { background: none; }\r\n    .eavb::after { background: none; }\r\n    .eavb .eavb-panel { position: relative; order: -1; top: auto; right: auto; bottom: auto; width: auto; height: 400px; margin: 0;\r\n      -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 55%, rgba(0,0,0,0.6) 78%, rgba(0,0,0,0) 100%);\r\n              mask-image: linear-gradient(180deg, #000 0%, #000 55%, rgba(0,0,0,0.6) 78%, rgba(0,0,0,0) 100%); }\r\n    .eavb .eavb-panel::after { background: linear-gradient(180deg, rgba(139, 108, 84, 0.18) 0%, rgba(139, 108, 84, 0) 30%); }\r\n    .eavb.eavb--js .eavb-panel { transform: translateY(20px); }\r\n    .eavb .eavb-content { width: 100%; margin-top: -70px; padding: 0 30px 56px; }\r\n    \/* En pantallas angostas la descripci\u00f3n fluye como un p\u00e1rrafo normal *\/\r\n    .eavb .eavb-text .eavb-line, .eavb .eavb-text .eavb-line > span { display: inline; }\r\n    .eavb .eavb-frame { inset: 10px; border-radius: 16px; }\r\n    .eavb .eavb-toggle { top: 28px; right: 28px; bottom: auto; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .eavb .eavb-panel { height: 340px; }\r\n    .eavb .eavb-content { padding: 0 24px 48px; }\r\n    .eavb .eavb-eyebrow { font-size: 13px; letter-spacing: 0.22em; }\r\n    .eavb .eavb-cta { width: 100%; justify-content: center; padding: 0 18px; font-size: 14px; letter-spacing: 0.12em; white-space: nowrap; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eavb .eavb-panel video, .eavb.is-in .eavb-panel video { transform: translate(-50%, -50%); transition: none; }\r\n    .eavb.eavb--js .eavb-line > span, .eavb.eavb--js .eavb-rule { transform: none; }\r\n    .eavb.eavb--js .eavb-panel { transform: none; }\r\n    .eavb .eavb-cta::after { animation: none; display: none; }\r\n    .eavb.eavb--js .eavb-cta { transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"eavb\" aria-label=\"Est\u00e9tica dental con visi\u00f3n integral\">\r\n  <div class=\"eavb-ambient\" aria-hidden=\"true\">\r\n    <video autoplay muted loop playsinline preload=\"metadata\">\r\n      <source src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/dimark.co-homeemiliana-pro1.dc_.html_1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <div class=\"eavb-content\">\r\n    <p class=\"eavb-eyebrow\"><span class=\"eavb-line\"><span style=\"--d:0ms\">Dra. Emiliana \u00c1lvarez<\/span><\/span><\/p>\r\n    <div class=\"eavb-title\" role=\"heading\" aria-level=\"2\">\r\n      <span class=\"eavb-line\"><span style=\"--d:120ms\">Est\u00e9tica dental<\/span><\/span>\r\n      <span class=\"eavb-line\"><span style=\"--d:220ms\">con <em>visi\u00f3n integral.<\/em><\/span><\/span>\r\n    <\/div>\r\n    <p class=\"eavb-text\">\r\n      <span class=\"eavb-line\"><span style=\"--d:380ms\">Rehabilitaci\u00f3n oral, dise\u00f1o digital<\/span><\/span>\r\n      <span class=\"eavb-line\"><span style=\"--d:460ms\">y atenci\u00f3n personalizada que integran<\/span><\/span>\r\n      <span class=\"eavb-line\"><span style=\"--d:540ms\">est\u00e9tica, funci\u00f3n y bienestar <strong>WELLNESS<\/strong>.<\/span><\/span>\r\n    <\/p>\r\n    <span class=\"eavb-rule\" aria-hidden=\"true\"><\/span>\r\n    <!-- Cambia el enlace del bot\u00f3n: por ejemplo https:\/\/wa.me\/57XXXXXXXXXX -->\r\n    <a class=\"eavb-cta\" href=\"#agendar\">\r\n      Agenda tu valoraci\u00f3n\r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"eavb-panel\" aria-hidden=\"true\">\r\n    <video autoplay muted loop playsinline preload=\"metadata\">\r\n      <source src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/dimark.co-homeemiliana-pro1.dc_.html_1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <span class=\"eavb-frame\" aria-hidden=\"true\"><\/span>\r\n\r\n  <button class=\"eavb-toggle\" type=\"button\" aria-label=\"Pausar video\">\r\n    <svg class=\"eavb-pause\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><rect x=\"3\" y=\"2\" width=\"3.5\" height=\"12\" rx=\"1\"\/><rect x=\"9.5\" y=\"2\" width=\"3.5\" height=\"12\" rx=\"1\"\/><\/svg>\r\n    <svg class=\"eavb-play\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 2.5v11l9.5-5.5z\"\/><\/svg>\r\n  <\/button>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eavb')) root = document.querySelector('.eavb:not(.eavb--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eavb--ready');\r\n\r\n    var videos = Array.prototype.slice.call(root.querySelectorAll('video'));\r\n    var main = root.querySelector('.eavb-panel video');\r\n    var amb = root.querySelector('.eavb-ambient video');\r\n    var btn = root.querySelector('.eavb-toggle');\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var userPaused = false;\r\n\r\n    \/* El fondo sigue al video principal para que coincidan las escenas *\/\r\n    main.addEventListener('playing', function () { try { amb.currentTime = main.currentTime; } catch (e) {} });\r\n    main.addEventListener('seeked', function () { try { amb.currentTime = main.currentTime; } catch (e) {} });\r\n\r\n    function setPaused(p) {\r\n      root.classList.toggle('is-paused', p);\r\n      btn.setAttribute('aria-label', p ? 'Reproducir video' : 'Pausar video');\r\n    }\r\n    function play() {\r\n      setPaused(false);\r\n      videos.forEach(function (v) { var pr = v.play(); if (pr && pr.catch) pr.catch(function () { setPaused(true); }); });\r\n    }\r\n    function pause() { videos.forEach(function (v) { v.pause(); }); setPaused(true); }\r\n\r\n    btn.addEventListener('click', function () {\r\n      if (main.paused) { userPaused = false; play(); } else { userPaused = true; pause(); }\r\n    });\r\n\r\n    if (reduce) { videos.forEach(function (v) { v.removeAttribute('autoplay'); }); pause(); }\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      root.classList.add('eavb--js');\r\n      new IntersectionObserver(function (entries) {\r\n        var vis = entries[0].isIntersecting;\r\n        if (vis) root.classList.add('is-in');\r\n        if (reduce || userPaused) return;\r\n        vis ? play() : videos.forEach(function (v) { v.pause(); });\r\n      }, { threshold: 0.2 }).observe(root);\r\n      setTimeout(function () { root.classList.add('is-in'); }, 2500);\r\n    } else {\r\n      root.classList.add('is-in');\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-a369718 e-flex e-con-boxed e-con e-parent\" data-id=\"a369718\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18fd2d1 elementor-widget elementor-widget-html\" data-id=\"18fd2d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     M\u00e9todo de transformaci\u00f3n \u00b7 Dra. Emiliana \u00c1lvarez \u00b7 slider din\u00e1mico\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Foto: Emiliana-Alvarez-Odontologa-2.jpg (desde tu WordPress).\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap\">\r\n\r\n<style>\r\n  .eamt {\r\n    --cafe: #8b6c54;\r\n    --cafe-osc: #6e5442;\r\n    --crema: #fffcf3;\r\n    --arena: #d7d2c6;\r\n    --carbon: #3a3a37;\r\n    --piedra: #4f4e4a;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n    --gx: 10%;                \/* posici\u00f3n del brillo (la mueve el script) *\/\r\n    --gy: 70%;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: clamp(12px, 2vw, 24px) clamp(8px, 2vw, 24px) 8px;\r\n    background: transparent;   \/* sin fondo: usa el degradado de Elementor *\/\r\n    color: var(--carbon);\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eamt *, .eamt *::before, .eamt *::after { box-sizing: border-box; }\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eamt),\r\n  .elementor-widget-html:has(> .eamt) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n  .eamt .eamt-display, .eamt .eamt-display * { font-family: var(--display) !important; }\r\n\r\n  \/* ---------- Parte superior: foto + texto ---------- *\/\r\n  .eamt .eamt-top {\r\n    position: relative; z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);\r\n    align-items: end;\r\n    gap: clamp(24px, 4vw, 56px);\r\n    padding-left: clamp(0px, 5vw, 72px);   \/* corre foto y texto a la derecha *\/\r\n  }\r\n  .eamt .eamt-eyebrow {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin: 0 0 14px;\r\n    font-size: 15px; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase;\r\n    color: var(--cafe-osc);\r\n  }\r\n  .eamt .eamt-eyebrow::before { content: \"\"; width: 40px; height: 1px; background: currentColor; }\r\n  .eamt .eamt-kicker { margin: 0; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.1; font-weight: 500; color: var(--carbon); }\r\n\r\n  \/* T\u00edtulo grande que cambia por paso *\/\r\n  .eamt .eamt-stage { position: relative; margin-top: 8px; min-height: clamp(70px, 7.4vw, 104px); }\r\n  .eamt .eamt-title {\r\n    margin: 0;\r\n    font-size: clamp(52px, 6vw, 88px); line-height: 1.02; font-weight: 400; font-style: italic;\r\n    letter-spacing: -0.005em; white-space: nowrap;\r\n    color: var(--cafe);\r\n    text-shadow: 0 0 40px rgba(139, 108, 84, 0.25);\r\n  }\r\n  .eamt .eamt-title span { display: inline-block; transition: transform 900ms var(--out), opacity 600ms var(--soft), filter 700ms var(--soft); transition-delay: var(--ld, 0ms); }\r\n  .eamt .eamt-title.is-out span { transform: translateY(-40%); opacity: 0; filter: blur(8px); }\r\n  .eamt .eamt-title.is-pre span { transform: translateY(45%); opacity: 0; filter: blur(8px); }\r\n\r\n  .eamt .eamt-desc {\r\n    max-width: 40ch; min-height: 3.4em; margin: 14px 0 0;\r\n    font-size: clamp(16px, 1.4vw, 19px); line-height: 1.6; color: var(--piedra);\r\n    transition: opacity 500ms var(--soft), transform 700ms var(--out);\r\n  }\r\n  .eamt .eamt-desc.is-changing { opacity: 0; transform: translateY(10px); }\r\n\r\n  .eamt .eamt-controls { display: flex; align-items: center; gap: 12px; margin-top: 26px; }\r\n  .eamt .eamt-count { margin-right: 10px; font-size: 18px; font-weight: 600; letter-spacing: 0.18em; color: var(--cafe-osc); font-variant-numeric: lining-nums tabular-nums; }\r\n  .eamt .eamt-btn {\r\n    position: relative; isolation: isolate; overflow: hidden;\r\n    display: grid; place-items: center;\r\n    width: 52px; height: 52px; padding: 0;\r\n    border: 1px solid rgba(139, 108, 84, 0.5); border-radius: 50%;\r\n    background: transparent; color: var(--cafe-osc);\r\n    cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent;\r\n    transition: color 260ms var(--soft), border-color 260ms var(--soft), transform 160ms var(--out);\r\n  }\r\n  .eamt .eamt-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 320ms var(--out); }\r\n  .eamt .eamt-btn::before { content: \"\"; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: var(--cafe); transform: scale(0.6); opacity: 0; transition: transform 380ms var(--out), opacity 220ms var(--soft); }\r\n  .eamt .eamt-next { color: var(--crema); border-color: var(--cafe); }\r\n  .eamt .eamt-next::before { transform: scale(1); opacity: 1; }\r\n  \/* Flechas blindadas contra los estilos de bot\u00f3n del tema *\/\r\n  .eamt button.eamt-btn {\r\n    flex: none !important; width: 52px !important; height: 52px !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 !important; padding: 0 !important; border-radius: 50% !important;\r\n    line-height: 1 !important; letter-spacing: normal !important; text-transform: none !important; box-shadow: none !important;\r\n    -webkit-appearance: none !important; appearance: none !important;\r\n  }\r\n  .eamt button.eamt-btn, .eamt button.eamt-btn:hover, .eamt button.eamt-btn:focus { background: transparent !important; }\r\n  .eamt .eamt-count { flex: none; white-space: nowrap; }\r\n  .eamt .eamt-btn:active { transform: scale(0.94); }\r\n  .eamt .eamt-btn:focus-visible { box-shadow: 0 0 0 3px rgba(139, 108, 84, 0.45); }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eamt .eamt-prev:hover { color: var(--crema); border-color: var(--cafe); }\r\n    .eamt .eamt-prev:hover::before { transform: scale(1); opacity: 1; }\r\n    .eamt .eamt-next:hover::before { background: var(--carbon); }\r\n    .eamt .eamt-prev:hover svg { transform: translateX(-3px); }\r\n    .eamt .eamt-next:hover svg { transform: translateX(3px); }\r\n  }\r\n\r\n  \/* Foto de la doctora en arco (a la izquierda) *\/\r\n  .eamt .eamt-figure { order: -1; position: relative; justify-self: start; width: min(400px, 100%); margin: 0 0 0 clamp(0px, 2vw, 24px); }\r\n  .eamt .eamt-figure::before {\r\n    content: \"\"; position: absolute; inset: 16px 16px -14px -14px; z-index: -1;\r\n    border: 1px solid rgba(139, 108, 84, 0.45); border-radius: 999px 999px 24px 24px;\r\n  }\r\n  .eamt .eamt-arch {\r\n    position: relative; overflow: hidden;\r\n    aspect-ratio: 3 \/ 4;\r\n    border-radius: 999px 999px 24px 24px;\r\n    background: #4f4b46;\r\n    box-shadow: 0 30px 60px -30px rgba(58, 42, 30, 0.6), 0 0 60px -10px rgba(139, 108, 84, 0.35);\r\n  }\r\n  .eamt .eamt-photo { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 0%; transform-origin: 50% 8%; transform: scale(1.4); transition: transform 1600ms var(--out); }\r\n  .eamt.is-in .eamt-photo { transform: scale(1.32); }\r\n\r\n  \/* Reflejo de luz que cruza la foto al cambiar de paso *\/\r\n  .eamt .eamt-flare { position: absolute; inset: 0; z-index: 2; overflow: hidden; border-radius: inherit; pointer-events: none; }\r\n  .eamt .eamt-flare::before {\r\n    content: \"\"; position: absolute; top: -25%; bottom: -25%; left: 0; width: 60%;\r\n    background: linear-gradient(100deg, rgba(255, 248, 232, 0) 0%, rgba(255, 248, 232, 0.12) 35%, rgba(255, 248, 232, 0.6) 50%, rgba(255, 248, 232, 0.12) 65%, rgba(255, 248, 232, 0) 100%);\r\n    mix-blend-mode: screen; opacity: 0; transform: translateX(-170%) skewX(-14deg);\r\n  }\r\n  .eamt .eamt-arch.is-flare .eamt-flare::before { animation: eamt-sweep 2800ms cubic-bezier(0.45, 0, 0.25, 1) forwards; }\r\n  .eamt .eamt-arch.is-flare .eamt-photo { animation: eamt-bright 2800ms var(--soft); }\r\n  @keyframes eamt-sweep { 0% { opacity: 0; transform: translateX(-170%) skewX(-14deg); } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; transform: translateX(260%) skewX(-14deg); } }\r\n  @keyframes eamt-bright { 0%, 100% { filter: brightness(1); } 45% { filter: brightness(1.1) saturate(1.05); } }\r\n\r\n  .eamt .eamt-arch::after {\r\n    content: \"\"; position: absolute; inset: 0; pointer-events: none;\r\n    background: linear-gradient(180deg, rgba(255, 252, 243, 0.06) 0%, rgba(139, 108, 84, 0) 50%, rgba(110, 84, 66, 0.35) 100%);\r\n  }\r\n\r\n  \/* ---------- Curva del m\u00e9todo ---------- *\/\r\n  .eamt .eamt-track { position: relative; z-index: 2; margin: 24px 0 86px; aspect-ratio: 1000 \/ 250; }\r\n  .eamt .eamt-track svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }\r\n  .eamt .eamt-path-base { fill: none; stroke: rgba(110, 84, 66, 0.5); stroke-width: 1.3; vector-effect: non-scaling-stroke; stroke-dasharray: 2 6; }\r\n  .eamt .eamt-path-fill { fill: none; stroke: var(--cafe); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round;\r\n    stroke-dasharray: 1 2; stroke-dashoffset: 1; filter: drop-shadow(0 0 6px rgba(139, 108, 84, 0.7));\r\n    transition: stroke-dashoffset 1200ms var(--out); }\r\n\r\n  \/* Blindado contra los estilos de bot\u00f3n del tema *\/\r\n  .eamt .eamt-track .eamt-node,\r\n  .eamt .eamt-track .eamt-node:hover,\r\n  .eamt .eamt-track .eamt-node:focus,\r\n  .eamt .eamt-track .eamt-node:active {\r\n    position: absolute !important; display: block !important;\r\n    width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;\r\n    background: none !important; box-shadow: none !important; transform: none !important;\r\n    overflow: visible !important; opacity: 1 !important; visibility: visible !important;\r\n    line-height: normal !important; letter-spacing: normal !important; text-transform: none !important;\r\n    -webkit-appearance: none !important; appearance: none !important;\r\n    cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .eamt .eamt-track .eamt-node > span { visibility: visible !important; }\r\n  .eamt .eamt-dot {\r\n    position: absolute; left: 0; top: 0;\r\n    width: 56px; height: 56px; margin: -28px 0 0 -28px;\r\n    display: grid; place-items: center;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(139, 108, 84, 0.55);\r\n    background: #fbf8f1;\r\n    color: var(--cafe);\r\n    box-shadow: 0 0 0 6px rgba(139, 108, 84, 0.08), 0 8px 20px -10px rgba(110, 84, 66, 0.45);\r\n    transition: transform 500ms var(--out), opacity 300ms var(--soft), background-color 300ms var(--soft), color 300ms var(--soft), box-shadow 400ms var(--soft);\r\n  }\r\n  .eamt .eamt-dot svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }\r\n  .eamt .eamt-node.is-done .eamt-dot { background: #e6dccf; border-color: var(--cafe); }\r\n  \/* Disco activo con icono y brillo *\/\r\n  .eamt .eamt-disc {\r\n    position: absolute; left: 0; top: 0;\r\n    width: 104px; height: 104px; margin: -52px 0 0 -52px;\r\n    display: grid; place-items: center;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 30% 25%, #a5856b 0%, var(--cafe) 55%, var(--cafe-osc) 100%);\r\n    color: var(--crema);\r\n    box-shadow: 0 0 0 10px rgba(139, 108, 84, 0.16), 0 0 0 22px rgba(139, 108, 84, 0.07), 0 12px 50px rgba(139, 108, 84, 0.7);\r\n    opacity: 0; transform: scale(0.4);\r\n    transition: transform 700ms var(--out), opacity 400ms var(--soft);\r\n    pointer-events: none;\r\n  }\r\n  .eamt .eamt-disc svg.eamt-ico { width: 54px; height: 54px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }\r\n  \/* Anillo de progreso del autoplay *\/\r\n  .eamt .eamt-ring { position: absolute; inset: -9px; width: calc(100% + 18px); height: calc(100% + 18px); transform: rotate(-90deg); }\r\n  .eamt .eamt-ring circle { fill: none; stroke: rgba(255, 252, 243, 0.9); stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: 1; }\r\n  .eamt .eamt-node.is-active .eamt-ring circle { animation: eamt-ring var(--auto, 6000ms) linear forwards; }\r\n  .eamt.is-paused .eamt-node.is-active .eamt-ring circle { animation-play-state: paused; }\r\n  @keyframes eamt-ring { to { stroke-dashoffset: 0; } }\r\n  \/* Pulso de brillo *\/\r\n  .eamt .eamt-disc::after {\r\n    content: \"\"; position: absolute; inset: 0; border-radius: 50%;\r\n    box-shadow: 0 0 0 0 rgba(139, 108, 84, 0.55);\r\n    animation: eamt-pulse 2600ms var(--soft) infinite;\r\n  }\r\n  @keyframes eamt-pulse { 0% { box-shadow: 0 0 0 0 rgba(139, 108, 84, 0.5); } 70%, 100% { box-shadow: 0 0 0 26px rgba(139, 108, 84, 0); } }\r\n  @keyframes eamt-pulse-sm { 0% { box-shadow: 0 0 0 0 rgba(139, 108, 84, 0.5); } 70%, 100% { box-shadow: 0 0 0 14px rgba(139, 108, 84, 0); } }\r\n\r\n  .eamt .eamt-node.is-active .eamt-dot { transform: scale(0.6); opacity: 0; }\r\n  .eamt .eamt-node.is-active .eamt-disc { opacity: 1; transform: scale(1); }\r\n  .eamt .eamt-node.is-active .eamt-ico [pathLength] { stroke-dasharray: 1; stroke-dashoffset: 1; animation: eamt-draw 1200ms var(--out) 200ms forwards; }\r\n  @keyframes eamt-draw { to { stroke-dashoffset: 0; } }\r\n\r\n  .eamt .eamt-label {\r\n    position: absolute; left: 0; top: 36px; transform: translateX(-50%);\r\n    white-space: nowrap; text-align: center;\r\n    transition: opacity 400ms var(--soft), transform 600ms var(--out);\r\n  }\r\n  .eamt .eamt-label small { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.2em; color: var(--cafe-osc); font-variant-numeric: lining-nums; }\r\n  .eamt .eamt-label b { display: block; margin-top: 2px; font-size: 20px; font-weight: 600; color: var(--carbon); }\r\n  .eamt .eamt-node.is-active .eamt-label { transform: translate(-50%, 30px); }\r\n  .eamt .eamt-node.is-active .eamt-label b { color: var(--cafe-osc); }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eamt .eamt-node:not(.is-active):hover .eamt-dot { transform: scale(1.12); background: var(--cafe); color: var(--crema); box-shadow: 0 0 0 8px rgba(139, 108, 84, 0.14), 0 0 28px rgba(139, 108, 84, 0.55); }\r\n  }\r\n  .eamt .eamt-node:focus-visible .eamt-dot, .eamt .eamt-node:focus-visible .eamt-disc { outline: 2px solid var(--carbon); outline-offset: 4px; }\r\n\r\n  \/* ---------- Entrada ---------- *\/\r\n  .eamt.eamt--js .eamt-reveal { opacity: 0; transform: translateY(20px); filter: blur(6px); }\r\n  .eamt.eamt--js.is-in .eamt-reveal { opacity: 1; transform: none; filter: none; transition: opacity 900ms var(--soft) var(--d, 0ms), transform 1100ms var(--out) var(--d, 0ms), filter 900ms var(--soft) var(--d, 0ms); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .eamt { padding: 8px 4px 4px; }\r\n    .eamt .eamt-top { grid-template-columns: minmax(0, 1fr); padding-left: 0; }\r\n    .eamt .eamt-figure { order: -1; justify-self: center; width: min(300px, 76%); margin: 0; }\r\n    .eamt .eamt-text { text-align: center; }\r\n    .eamt .eamt-eyebrow, .eamt .eamt-controls { justify-content: center; }\r\n    .eamt .eamt-desc { margin-left: auto; margin-right: auto; }\r\n    .eamt .eamt-stage { min-height: 1.15em; font-size: clamp(48px, 11vw, 64px); }\r\n    .eamt .eamt-title { white-space: normal; text-wrap: balance; font-size: inherit; }\r\n    .eamt .eamt-track { margin: 44px 0 36px; aspect-ratio: 1000 \/ 330; }\r\n    \/* En pantallas angostas el nombre del paso ya se ve grande arriba: se ocultan las etiquetas de la curva *\/\r\n    .eamt .eamt-label { display: none; }\r\n    .eamt .eamt-disc { width: 92px; height: 92px; margin: -46px 0 0 -46px; }\r\n    .eamt .eamt-disc svg.eamt-ico { width: 52px; height: 52px; }\r\n    .eamt .eamt-dot { width: 54px; height: 54px; margin: -27px 0 0 -27px; }\r\n    .eamt .eamt-dot svg { width: 32px; height: 32px; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .eamt .eamt-disc { width: 74px; height: 74px; margin: -37px 0 0 -37px; box-shadow: 0 0 0 5px rgba(139, 108, 84, 0.16), 0 0 0 10px rgba(139, 108, 84, 0.07), 0 8px 30px rgba(139, 108, 84, 0.6); }\r\n    .eamt .eamt-disc::after { animation-name: eamt-pulse-sm; }\r\n    .eamt .eamt-disc svg.eamt-ico { width: 44px; height: 44px; }\r\n    .eamt .eamt-dot { width: 46px; height: 46px; margin: -23px 0 0 -23px; box-shadow: 0 0 0 4px rgba(139, 108, 84, 0.08), 0 6px 16px -8px rgba(110, 84, 66, 0.45); }\r\n    .eamt .eamt-dot svg { width: 28px; height: 28px; }\r\n    .eamt .eamt-stage { font-size: 46px; min-height: 2.1em; }\r\n    .eamt .eamt-eyebrow { font-size: 13px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eamt .eamt-title span, .eamt .eamt-desc { transition: opacity 300ms ease; transform: none !important; filter: none !important; }\r\n    .eamt .eamt-disc::after, .eamt .eamt-flare::before, .eamt .eamt-photo { animation: none !important; }\r\n    .eamt .eamt-node.is-active .eamt-ico [pathLength] { animation: none; stroke-dashoffset: 0; }\r\n    .eamt.eamt--js .eamt-reveal { transform: none; filter: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"eamt\" aria-roledescription=\"carrusel\" aria-label=\"Nuestro modelo de transformaci\u00f3n\">\r\n  <div class=\"eamt-top\">\r\n    <div class=\"eamt-text\">\r\n      <p class=\"eamt-eyebrow eamt-display eamt-reveal\" style=\"--d:0ms\">M\u00e9todo<\/p>\r\n      <p class=\"eamt-kicker eamt-display eamt-reveal\" style=\"--d:80ms\">Nuestro modelo de transformaci\u00f3n<\/p>\r\n      <div class=\"eamt-stage eamt-reveal\" style=\"--d:160ms\">\r\n        <h2 class=\"eamt-title eamt-display\" aria-live=\"polite\">Ciencia<\/h2>\r\n      <\/div>\r\n      <p class=\"eamt-desc eamt-reveal\" style=\"--d:240ms\">Evidencia, diagn\u00f3stico y precisi\u00f3n.<\/p>\r\n      <div class=\"eamt-controls eamt-reveal\" style=\"--d:320ms\">\r\n        <span class=\"eamt-count eamt-display\"><span class=\"eamt-n\">01<\/span> \/ 05<\/span>\r\n        <button class=\"eamt-btn eamt-prev\" type=\"button\" aria-label=\"Paso anterior\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/button>\r\n        <button class=\"eamt-btn eamt-next\" type=\"button\" aria-label=\"Paso siguiente\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <figure class=\"eamt-figure eamt-reveal\" style=\"--d:120ms\">\r\n      <div class=\"eamt-arch\">\r\n        <img loading=\"lazy\" class=\"eamt-photo\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-2.jpg\" alt=\"Dra. Emiliana \u00c1lvarez\" width=\"1024\" height=\"1536\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.visibility='hidden'\">\r\n        <span class=\"eamt-flare\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n    <\/figure>\r\n  <\/div>\r\n\r\n  <div class=\"eamt-track eamt-reveal\" style=\"--d:400ms\">\r\n    <svg viewBox=\"0 0 1000 250\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n      <path class=\"eamt-path-base\" d=\"M10 40 C 320 270, 680 270, 990 40\"\/>\r\n      <path class=\"eamt-path-fill\" pathLength=\"1\" d=\"M10 40 C 320 270, 680 270, 990 40\"\/>\r\n    <\/svg>\r\n    <!-- Los 5 pasos: t\u00edtulo, descripci\u00f3n e icono (data-*) -->\r\n    <button class=\"eamt-node\" type=\"button\" data-titulo=\"Ciencia\" data-desc=\"Evidencia, diagn\u00f3stico y precisi\u00f3n.\" data-icono=\"ciencia\"><\/button>\r\n    <button class=\"eamt-node\" type=\"button\" data-titulo=\"Tecnolog\u00eda\" data-desc=\"Innovaci\u00f3n, digitalizaci\u00f3n y vanguardia.\" data-icono=\"tecnologia\"><\/button>\r\n    <button class=\"eamt-node\" type=\"button\" data-titulo=\"Arte\" data-desc=\"Dise\u00f1o, armon\u00eda y personalizaci\u00f3n.\" data-icono=\"arte\"><\/button>\r\n    <button class=\"eamt-node\" type=\"button\" data-titulo=\"Conexi\u00f3n Humana\" data-desc=\"Escucha, confianza y acompa\u00f1amiento.\" data-icono=\"conexion\"><\/button>\r\n    <button class=\"eamt-node\" type=\"button\" data-titulo=\"Bienestar Integral\" data-desc=\"Cuerpo, mente y h\u00e1bitos en equilibrio.\" data-icono=\"bienestar\"><\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eamt')) root = document.querySelector('.eamt:not(.eamt--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eamt--ready');\r\n\r\n    var AUTO = 6000; \/* tiempo entre pasos (ms) *\/\r\n    root.style.setProperty('--auto', AUTO + 'ms');\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    \/* Iconos de cada paso (l\u00ednea fina) *\/\r\n    var ICONS = {\r\n      ciencia: '<g transform=\"translate(1 1.6) scale(.62)\"><path pathLength=\"1\" stroke-width=\"2.2\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g><circle pathLength=\"1\" cx=\"20.5\" cy=\"19.5\" r=\"6.5\"\/><path pathLength=\"1\" d=\"M25.2 24.2l4.3 4.3\"\/><path pathLength=\"1\" d=\"M18 19.5h5M20.5 17v5\"\/>',\r\n      tecnologia: '<path pathLength=\"1\" d=\"M4 10V5.5C4 4.7 4.7 4 5.5 4H10M22 4h4.5c.8 0 1.5.7 1.5 1.5V10M28 22v4.5c0 .8-.7 1.5-1.5 1.5H22M10 28H5.5C4.7 28 4 27.3 4 26.5V22\"\/><g transform=\"translate(8.6 8.2) scale(.46)\"><path pathLength=\"1\" stroke-width=\"3\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g><path pathLength=\"1\" d=\"M7 16h3M22 16h3\"\/>',\r\n      arte: '<g transform=\"translate(-0.6 0.6) scale(.78)\"><path pathLength=\"1\" stroke-width=\"1.75\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g><path pathLength=\"1\" d=\"M20.5 28.5l1-3.6 6.4-6.4 2.6 2.6-6.4 6.4z\"\/><path pathLength=\"1\" d=\"M26.4 20l2.6 2.6\"\/><path pathLength=\"1\" d=\"M25.5 4.5c.3 1.5.8 2 2.3 2.3-1.5.3-2 .8-2.3 2.3-.3-1.5-.8-2-2.3-2.3 1.5-.3 2-.8 2.3-2.3z\"\/>',\r\n      conexion: '<g transform=\"translate(0 0)\"><path pathLength=\"1\" stroke-width=\"1.3\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g><path pathLength=\"1\" d=\"M16 18.6s-3.6-2.2-3.6-4.8a2 2 0 0 1 3.6-1.2 2 2 0 0 1 3.6 1.2c0 2.6-3.6 4.8-3.6 4.8z\"\/>',\r\n      bienestar: '<g transform=\"translate(6.4 1.6) scale(.6)\"><path pathLength=\"1\" stroke-width=\"2.2\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g><path pathLength=\"1\" d=\"M16 28c-1-4.6-4.7-7.2-9.8-7 .8 4.6 4.5 7 9.8 7z\"\/><path pathLength=\"1\" d=\"M16 28c1-4.6 4.7-7.2 9.8-7-.8 4.6-4.5 7-9.8 7z\"\/><path pathLength=\"1\" d=\"M16 28v-9.5\"\/>'\r\n    };\r\n\r\n    var track = root.querySelector('.eamt-track');\r\n    var base = root.querySelector('.eamt-path-base');\r\n    var fill = root.querySelector('.eamt-path-fill');\r\n    var nodes = Array.prototype.slice.call(root.querySelectorAll('.eamt-node'));\r\n    var title = root.querySelector('.eamt-title');\r\n    var desc = root.querySelector('.eamt-desc');\r\n    var nEl = root.querySelector('.eamt-n');\r\n    var arch = root.querySelector('.eamt-arch');\r\n    var T_DESK = [0.1, 0.3, 0.5, 0.7, 0.9], T_MOV = [0.15, 0.325, 0.5, 0.675, 0.85];\r\n    var T = T_DESK;   \/* posici\u00f3n de cada paso sobre la curva *\/\r\n    var current = -1, timer = null, paused = false, inView = false;\r\n    var pad = function (n) { return (n < 10 ? '0' : '') + n; };\r\n\r\n    nodes.forEach(function (node, i) {\r\n      node.setAttribute('aria-label', 'Paso ' + (i + 1) + ': ' + node.getAttribute('data-titulo'));\r\n      node.innerHTML =\r\n        '<span class=\"eamt-dot\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">' + (ICONS[node.getAttribute('data-icono')] || '').replace(\/ pathLength=\"1\"\/g, '') + '<\/svg><\/span>' +\r\n        '<span class=\"eamt-disc\" aria-hidden=\"true\"><svg class=\"eamt-ring\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"48\" pathLength=\"1\"\/><\/svg>' +\r\n        '<svg class=\"eamt-ico\" viewBox=\"0 0 32 32\">' + (ICONS[node.getAttribute('data-icono')] || '') + '<\/svg><\/span>' +\r\n        '<span class=\"eamt-label eamt-display\" aria-hidden=\"true\"><small>' + pad(i + 1) + '<\/small><b>' + node.getAttribute('data-titulo') + '<\/b><\/span>';\r\n      node.addEventListener('click', function () { go(i); restart(); });\r\n    });\r\n\r\n    \/* Coloca cada paso exactamente sobre la curva *\/\r\n    function place() {\r\n      T = track.offsetWidth < 600 ? T_MOV : T_DESK;\r\n      var len = base.getTotalLength();\r\n      nodes.forEach(function (node, i) {\r\n        var p = base.getPointAtLength(len * T[i]);\r\n        node.style.left = (p.x \/ 1000 * 100) + '%';\r\n        node.style.top = (p.y \/ 250 * 100) + '%';\r\n      });\r\n    }\r\n\r\n    function splitTitle(text) {\r\n      return text.split('').map(function (ch, k) {\r\n        return '<span style=\"--ld:' + (k * 28) + 'ms\">' + (ch === ' ' ? '&nbsp;' : ch) + '<\/span>';\r\n      }).join('');\r\n    }\r\n\r\n    function go(i) {\r\n      var n = nodes.length;\r\n      i = (i + n) % n;\r\n      if (i === current) return;\r\n      var first = current < 0;\r\n      current = i;\r\n      var node = nodes[i];\r\n      nodes.forEach(function (nd, k) {\r\n        nd.classList.remove('is-active');\r\n        nd.classList.toggle('is-done', k < i);\r\n        nd.setAttribute('aria-current', k === i ? 'step' : 'false');\r\n      });\r\n      void node.offsetWidth; \/* reinicia anillo e icono *\/\r\n      node.classList.add('is-active');\r\n      fill.style.strokeDashoffset = String(1 - T[i]);\r\n      root.style.setProperty('--gx', node.style.left);\r\n      root.style.setProperty('--gy', 'calc(' + node.style.top + ' * 0.25 + 70%)');\r\n      nEl.textContent = pad(i + 1);\r\n\r\n      var t = node.getAttribute('data-titulo'), d = node.getAttribute('data-desc');\r\n      if (!first && !reduce && arch) { arch.classList.remove('is-flare'); void arch.offsetWidth; arch.classList.add('is-flare'); }\r\n      if (first || reduce) { title.innerHTML = splitTitle(t); desc.textContent = d; return; }\r\n      title.classList.add('is-out');\r\n      desc.classList.add('is-changing');\r\n      setTimeout(function () {\r\n        title.innerHTML = splitTitle(t);\r\n        title.classList.remove('is-out');\r\n        title.classList.add('is-pre');\r\n        void title.offsetWidth;\r\n        title.classList.remove('is-pre');\r\n        desc.textContent = d;\r\n        desc.classList.remove('is-changing');\r\n      }, 420);\r\n    }\r\n\r\n    \/* Avance autom\u00e1tico: pausa con el mouse encima o fuera de pantalla *\/\r\n    function stop() { clearInterval(timer); timer = null; }\r\n    function start() { stop(); if (reduce || paused || !inView || document.hidden) return; timer = setInterval(function () { go(current + 1); }, AUTO); }\r\n    function restart() { var a = nodes[current]; if (a) { a.classList.remove('is-active'); void a.offsetWidth; a.classList.add('is-active'); } start(); }\r\n\r\n    root.querySelector('.eamt-prev').addEventListener('click', function () { go(current - 1); restart(); });\r\n    root.querySelector('.eamt-next').addEventListener('click', function () { go(current + 1); restart(); });\r\n    root.addEventListener('keydown', function (e) {\r\n      if (e.key === 'ArrowLeft') { go(current - 1); restart(); }\r\n      if (e.key === 'ArrowRight') { go(current + 1); restart(); }\r\n    });\r\n    if (window.matchMedia('(hover: hover)').matches) {\r\n      root.addEventListener('mouseenter', function () { paused = true; root.classList.add('is-paused'); stop(); });\r\n      root.addEventListener('mouseleave', function () { paused = false; root.classList.remove('is-paused'); restart(); });\r\n    }\r\n    document.addEventListener('visibilitychange', function () { document.hidden ? stop() : start(); });\r\n    window.addEventListener('resize', function () { place(); if (current >= 0) { fill.style.strokeDashoffset = String(1 - T[current]); root.style.setProperty('--gx', nodes[current].style.left); } });\r\n\r\n    place();\r\n    go(0);\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      root.classList.add('eamt--js');\r\n      new IntersectionObserver(function (en) {\r\n        inView = en[0].isIntersecting;\r\n        if (inView) root.classList.add('is-in');\r\n        inView ? restart() : stop();\r\n      }, { threshold: 0.25 }).observe(root);\r\n      setTimeout(function () { root.classList.add('is-in'); }, 2500);\r\n    } else { root.classList.add('is-in'); inView = true; start(); }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-e7656a0 e-flex e-con-boxed e-con e-parent\" data-id=\"e7656a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7a0734c e-con-full e-flex e-con e-child\" data-id=\"7a0734c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfd748e elementor-widget elementor-widget-spacer\" data-id=\"bfd748e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"aux-scroll-anim elementor-element elementor-element-9733274 aux-appear-watch-animation aux-fade-in-up-1 elementor-widget elementor-widget-aux_image\" data-move-in=\"moveVertical\" data-move-out=\"moveVertical\" data-axis-x=\"200\" data-axis-y=\"15\" data-rotate=\"90\" data-scale=\"1\" data-vp-top=\"0.5\" data-vp-bot=\"0.5\" data-el-top=\"0.2\" data-scroll-animation-off=\"1024\" data-id=\"9733274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"widget-container aux-widget-image aux-alignnone aux-parent-au46f6dc13\">\n    <div class=\"aux-media-hint-frame \">\n        <div class=\"aux-media-image \" >\n        \n            \n\n            \n            <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Emiliana-Alvarez-Odontologa-4.jpg\" class=\"aux-attachment aux-featured-image aux-attachment-id-253\" alt=\"Emiliana-Alvarez-Odontologa-4\" data-ratio=\"1\" data-original-w=\"800\" \/>            \n                <\/div>\n    <\/div>\n\n<\/section><!-- widget-container -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d77c3c e-con-full e-flex e-con e-child\" data-id=\"7d77c3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c98fa8 aux-appear-watch-animation aux-scale-down elementor-widget elementor-widget-aux_modern_heading\" data-id=\"3c98fa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h5 class=\"aux-modern-heading-primary\">WELLNESS \u00b7 ODONTOLOG\u00cdA INTERNACIONAL<\/h5><h1 class=\"aux-modern-heading-secondary\"><span class=\"aux-head-before\">Planea tu sonrisa. Te esperamos en Medell\u00edn.<\/span><\/h1><div class=\"aux-modern-heading-description\"><p>Viajar para realizarte un tratamiento dental puede generar dudas. Te acompa\u00f1amos desde la primera consulta virtual para conocer tus necesidades, explorar las opciones de tratamiento y planificar tu visita a Medell\u00edn con mayor claridad y tranquilidad.<\/p><\/div><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d88cb6c e-con-full e-flex e-con e-child\" data-id=\"d88cb6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6a2a11 elementor-widget elementor-widget-html\" data-id=\"e6a2a11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     Beneficios \u00b7 Dra. Emiliana \u00c1lvarez \u00b7 2 columnas\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Tema: data-tema=\"claro\" (fondo claro) o data-tema=\"oscuro\" (sobre foto o fondo oscuro).\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&display=swap\">\r\n\r\n<style>\r\n  .eabn {\r\n    --cafe: #8b6c54;\r\n    --crema: #fffcf3;\r\n    --ink: #3a3a37;\r\n    --muted: #4f4e4a;\r\n    --line: rgba(139, 108, 84, 0.28);\r\n    --disc: rgba(255, 255, 255, 0.6);\r\n    --disc-line: rgba(139, 108, 84, 0.30);\r\n    --icon: #8b6c54;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 40px 56px;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding-top: 8px;\r\n    background: transparent;\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eabn[data-tema=\"oscuro\"] {\r\n    --ink: #fffcf3;\r\n    --muted: rgba(255, 252, 243, 0.88);\r\n    --line: rgba(255, 252, 243, 0.26);\r\n    --disc: rgba(255, 252, 243, 0.08);\r\n    --disc-line: rgba(255, 252, 243, 0.45);\r\n    --icon: #fffcf3;\r\n  }\r\n  .eabn *, .eabn *::before, .eabn *::after { box-sizing: border-box; }\r\n\r\n  \/* Ancho completo dentro de Elementor *\/\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eabn),\r\n  .elementor-widget-html:has(> .eabn) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n\r\n  \/* ---------- \u00cdtem ---------- *\/\r\n  .eabn .eabn-item {\r\n    position: relative;\r\n    min-width: 0;\r\n    display: grid;\r\n    grid-template-columns: auto minmax(0, 1fr);\r\n    column-gap: 22px;\r\n    align-items: start;\r\n    padding-top: 24px;\r\n    border-top: 1px solid var(--line);\r\n  }\r\n  .eabn .eabn-body { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 4px; }\r\n\r\n  \/* ---------- Icono ---------- *\/\r\n  .eabn .eabn-icon {\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 66px; height: 66px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--disc-line);\r\n    background: var(--disc);\r\n    color: var(--icon);\r\n    transition: color 320ms var(--soft), border-color 320ms var(--soft), transform 520ms var(--out);\r\n  }\r\n  \/* Disco caf\u00e9 que crece desde dentro *\/\r\n  .eabn .eabn-icon::before {\r\n    content: \"\";\r\n    position: absolute; inset: 0; z-index: -1;\r\n    border-radius: 50%;\r\n    background: var(--cafe);\r\n    opacity: 0;\r\n    transform: scale(0.7);\r\n    transition: opacity 260ms var(--soft), transform 480ms var(--out);\r\n  }\r\n  \/* Destello *\/\r\n  .eabn .eabn-icon::after {\r\n    content: \"\";\r\n    position: absolute; top: -20%; bottom: -20%; left: 0; z-index: 2;\r\n    width: 45%;\r\n    background: linear-gradient(100deg, rgba(255,252,243,0) 0%, rgba(255,252,243,.45) 50%, rgba(255,252,243,0) 100%);\r\n    transform: translateX(-160%) skewX(-14deg);\r\n    pointer-events: none;\r\n  }\r\n  .eabn .eabn-icon svg {\r\n    width: 42px; height: 42px; overflow: visible;\r\n    fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round;\r\n  }\r\n  .eabn .eabn-icon .eabn-duo { stroke: none; fill: currentColor; opacity: 0.16; }\r\n\r\n  \/* ---------- Texto ---------- *\/\r\n  .eabn .eabn-title {\r\n    margin: 0; padding: 0;\r\n    font-family: var(--display) !important;\r\n    font-size: 21px;\r\n    line-height: 1.2;\r\n    font-weight: 600;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n    color: var(--ink);\r\n    text-wrap: balance;\r\n  }\r\n  .eabn .eabn-rule { display: block; width: 28px; height: 1px; background: var(--cafe); transform-origin: left center; transition: transform 520ms var(--out); }\r\n  .eabn[data-tema=\"oscuro\"] .eabn-rule { background: var(--crema); }\r\n  .eabn .eabn-text {\r\n    max-width: 44ch;\r\n    margin: 0;\r\n    font-family: inherit;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    font-weight: 400;\r\n    color: var(--muted);\r\n  }\r\n\r\n  \/* ---------- Hover ---------- *\/\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eabn .eabn-item:hover .eabn-icon { color: var(--crema); border-color: var(--cafe); transform: translateY(-3px); }\r\n    .eabn .eabn-item:hover .eabn-icon::before { opacity: 1; transform: scale(1); }\r\n    .eabn .eabn-item:hover .eabn-icon::after { animation: eabn-shine 900ms var(--soft) 120ms 1 both; }\r\n    .eabn .eabn-item:hover .eabn-rule { transform: scaleX(2.2); }\r\n  }\r\n  @keyframes eabn-shine {\r\n    from { transform: translateX(-160%) skewX(-14deg); }\r\n    to   { transform: translateX(320%) skewX(-14deg); }\r\n  }\r\n\r\n  \/* ---------- Entrada al hacer scroll ---------- *\/\r\n  .eabn.eabn--js .eabn-item { opacity: 0; transform: translateY(20px); filter: blur(6px); }\r\n  .eabn.eabn--js .eabn-item.is-in {\r\n    opacity: 1; transform: none; filter: blur(0);\r\n    transition: opacity 800ms var(--soft) var(--d, 0ms), transform 1000ms var(--out) var(--d, 0ms), filter 800ms var(--soft) var(--d, 0ms);\r\n  }\r\n  .eabn.eabn--js .eabn-icon [pathLength] { stroke-dasharray: 1; stroke-dashoffset: 1; }\r\n  .eabn.eabn--js .eabn-item.is-in .eabn-icon [pathLength] { stroke-dashoffset: 0; transition: stroke-dashoffset 1300ms var(--out) calc(var(--d, 0ms) + 300ms); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .eabn { gap: 32px 32px; }\r\n    .eabn .eabn-item { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }\r\n  }\r\n  @media (max-width: 640px) {\r\n    .eabn { grid-template-columns: minmax(0, 1fr); gap: 28px; }\r\n    .eabn .eabn-item { grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; }\r\n    .eabn .eabn-icon { width: 58px; height: 58px; }\r\n    .eabn .eabn-icon svg { width: 36px; height: 36px; }\r\n    .eabn .eabn-title { font-size: 19px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eabn.eabn--js .eabn-item { transform: none; filter: none; }\r\n    .eabn.eabn--js .eabn-item.is-in { transition: opacity 400ms ease; }\r\n    .eabn.eabn--js .eabn-icon [pathLength] { stroke-dashoffset: 0; transition: none; }\r\n    .eabn .eabn-icon::after { display: none; }\r\n    .eabn .eabn-item:hover .eabn-icon { transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"eabn\" data-tema=\"claro\">\r\n\r\n  <div class=\"eabn-item\">\r\n    <span class=\"eabn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eabn-duo\" cx=\"16\" cy=\"13.5\" r=\"6.5\"\/>\r\n      <rect pathLength=\"1\" x=\"3\" y=\"5\" width=\"26\" height=\"17\" rx=\"2\"\/>\r\n      <path pathLength=\"1\" d=\"M16 22v5M11 27h10\"\/>\r\n      <g transform=\"translate(9.32 6.78) scale(.42)\"><path pathLength=\"1\" stroke-width=\"3.2\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g>\r\n    <\/svg><\/span>\r\n    <div class=\"eabn-body\">\r\n      <h3 class=\"eabn-title\">Valoraci\u00f3n virtual<\/h3>\r\n      <span class=\"eabn-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eabn-text\">Conoce tus opciones iniciales desde casa antes de decidir viajar.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"eabn-item\">\r\n    <span class=\"eabn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eabn-duo\" cx=\"16\" cy=\"20\" r=\"6.5\"\/>\r\n      <rect pathLength=\"1\" x=\"4\" y=\"6.5\" width=\"24\" height=\"21.5\" rx=\"2.5\"\/>\r\n      <path pathLength=\"1\" d=\"M4 12.5h24\"\/>\r\n      <path pathLength=\"1\" d=\"M10 4v5M22 4v5\"\/>\r\n      <g transform=\"translate(9.64 13.6) scale(.4)\"><path pathLength=\"1\" stroke-width=\"3.4\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g>\r\n    <\/svg><\/span>\r\n    <div class=\"eabn-body\">\r\n      <h3 class=\"eabn-title\">Planificaci\u00f3n personalizada<\/h3>\r\n      <span class=\"eabn-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eabn-text\">Organiza tu visita seg\u00fan las necesidades cl\u00ednicas y los tiempos estimados de tu tratamiento.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"eabn-item\">\r\n    <span class=\"eabn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eabn-duo\" cx=\"16\" cy=\"12.5\" r=\"6.5\"\/>\r\n      <g transform=\"translate(8.05 4.5) scale(.5)\"><path pathLength=\"1\" stroke-width=\"2.7\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g>\r\n      <path pathLength=\"1\" d=\"M3 18.5c2.6 0 4.2 1 5.8 2.6S12.4 25 16 25s5.6-2.3 7.2-3.9 3.2-2.6 5.8-2.6\"\/>\r\n      <path pathLength=\"1\" d=\"M3 18.5l-1-2.5M29 18.5l1-2.5\"\/>\r\n      <path pathLength=\"1\" d=\"M8 28.5h16\"\/>\r\n    <\/svg><\/span>\r\n    <div class=\"eabn-body\">\r\n      <h3 class=\"eabn-title\">Cuidado centrado en ti<\/h3>\r\n      <span class=\"eabn-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eabn-text\">Priorizamos tu salud oral, tus objetivos est\u00e9ticos y la conservaci\u00f3n de tus dientes naturales cuando sea viable.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"eabn-item\">\r\n    <span class=\"eabn-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 32 32\">\r\n      <circle class=\"eabn-duo\" cx=\"16\" cy=\"13.5\" r=\"7\"\/>\r\n      <path pathLength=\"1\" d=\"M16 28.5s-9-8.4-9-15a9 9 0 0 1 18 0c0 6.6-9 15-9 15z\"\/>\r\n      <g transform=\"translate(10.28 7.74) scale(.36)\"><path pathLength=\"1\" stroke-width=\"3.75\" d=\"M10.2 4.5c-3.2 0-5 2.4-5 5.6 0 2.6 1 4.4 1.7 6.6.8 2.6 1.1 5.4 1.7 7.8.4 1.7 1.1 3 2.1 3 1.3 0 1.8-1.6 2.2-3.6.4-2 .9-4.6 3.1-4.6s2.7 2.6 3.1 4.6c.4 2 .9 3.6 2.2 3.6 1 0 1.7-1.3 2.1-3 .6-2.4.9-5.2 1.7-7.8.7-2.2 1.7-4 1.7-6.6 0-3.2-1.8-5.6-5-5.6-2.4 0-3.6 1.3-5.8 1.3S12.6 4.5 10.2 4.5z\"\/><\/g>\r\n      <path pathLength=\"1\" d=\"M10.5 30.5h11\"\/>\r\n    <\/svg><\/span>\r\n    <div class=\"eabn-body\">\r\n      <h3 class=\"eabn-title\">Atenci\u00f3n en Medell\u00edn<\/h3>\r\n      <span class=\"eabn-rule\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"eabn-text\">Planifica tu experiencia odontol\u00f3gica con informaci\u00f3n clara antes de organizar tu viaje.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eabn')) root = document.querySelector('.eabn:not(.eabn--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eabn--ready');\r\n    if (!('IntersectionObserver' in window)) return;\r\n    root.classList.add('eabn--js');\r\n\r\n    var items = Array.prototype.slice.call(root.querySelectorAll('.eabn-item'));\r\n    var batch = 0, reset = null;\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n        io.unobserve(entry.target);\r\n        var d = batch++ * 110;\r\n        entry.target.style.setProperty('--d', d + 'ms');\r\n        clearTimeout(reset);\r\n        reset = setTimeout(function () { batch = 0; }, 150);\r\n        requestAnimationFrame(function () { entry.target.classList.add('is-in'); });\r\n      });\r\n    }, { threshold: 0.2, rootMargin: '0px 0px -40px 0px' });\r\n    items.forEach(function (i) { io.observe(i); });\r\n    \/* Respaldo: muestra todo si el observador no se dispara *\/\r\n    setTimeout(function () { items.forEach(function (i) { i.classList.add('is-in'); }); }, 3000);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62d6c53 elementor-widget__width-auto elementor-widget-mobile__width-inherit aux-appear-watch-animation aux-scale-up elementor-widget elementor-widget-aux_modern_button\" data-id=\"62d6c53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"aux-modern-button-wrapper aux-modern-button-align-left\" >\n                    <a class=\"aux-modern-button aux-black aux-modern-button-md aux-modern-button-normal aux-modern-button-default aux-icon-\">\n                <div class=\"aux-overlay\"><\/div>\n                                <div class=\"aux-text\">\n<span class=\"aux-text-before\">Agenda tu valoraci\u00f3n<\/span>                <\/div>\n            <\/a>\n            \n    <\/div>\n\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-726e422 e-flex e-con-boxed e-con e-parent\" data-id=\"726e422\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fea75a7 elementor-widget elementor-widget-html\" data-id=\"fea75a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     Testimonios en video \u00b7 Dra. Emiliana \u00c1lvarez\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Para cambiar un video: reemplaza el src=\"...\" de su <video>.\r\n     Los videos se ven en silencio como vista previa; al tocarlos se abren en una\r\n     ventana emergente, completos, con sonido y subt\u00edtulos visibles.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&display=swap\">\r\n\r\n<style>\r\n  .eavt {\r\n    --cafe: #8b6c54;\r\n    --cafe-osc: #6e5442;\r\n    --crema: #fffcf3;\r\n    --arena: #d7d2c6;\r\n    --carbon: #3a3a37;\r\n    --piedra: #5f5f5b;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    color: var(--carbon);\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eavt *, .eavt *::before, .eavt *::after { box-sizing: border-box; }\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eavt),\r\n  .elementor-widget-html:has(> .eavt) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n  .eavt .eavt-display, .eavt .eavt-display * { font-family: var(--display) !important; }\r\n\r\n  \/* ---------- Encabezado: t\u00edtulo a la izquierda, descripci\u00f3n a la derecha ---------- *\/\r\n  .eavt .eavt-head {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);\r\n    align-items: end;\r\n    gap: clamp(24px, 5vw, 80px);\r\n    margin-bottom: clamp(48px, 6vw, 84px);\r\n  }\r\n  .eavt .eavt-eyebrow {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin: 0 0 18px;\r\n    font-size: 15px; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase;\r\n    color: var(--cafe-osc);\r\n  }\r\n  .eavt .eavt-eyebrow::before { content: \"\"; flex: none; width: 40px; height: 1px; background: currentColor; }\r\n  .eavt .eavt-title {\r\n    margin: 0;\r\n    font-size: clamp(40px, 5.4vw, 76px); line-height: 1.04; font-weight: 400; letter-spacing: -0.01em;\r\n    color: var(--carbon);\r\n    text-wrap: balance;\r\n  }\r\n  .eavt .eavt-title em { font-style: italic; color: var(--cafe); }\r\n  .eavt .eavt-desc {\r\n    max-width: 38ch; margin: 0;\r\n    font-size: clamp(19px, 1.6vw, 22px); line-height: 1.55; font-style: italic; font-weight: 400;\r\n    color: var(--piedra);\r\n  }\r\n\r\n  \/* ---------- Videos escalonados en arco ---------- *\/\r\n  .eavt .eavt-track {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: clamp(20px, 3.4vw, 52px);\r\n    align-items: start;\r\n  }\r\n  .eavt .eavt-card { position: relative; min-width: 0; margin: 0; }\r\n  .eavt .eavt-card:nth-child(2) { margin-top: clamp(40px, 6vw, 90px); }\r\n  .eavt .eavt-card:nth-child(3) { margin-top: clamp(14px, 2vw, 30px); }\r\n\r\n  .eavt .eavt-frame {\r\n    cursor: pointer;\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    max-width: 360px;\r\n    margin: 0 auto;\r\n    aspect-ratio: 3 \/ 4.6;\r\n    border-radius: 999px;\r\n    padding: 9px;\r\n    background: linear-gradient(180deg, #f6efe4 0%, #ece3d6 100%);\r\n    box-shadow: 0 0 0 1px rgba(139, 108, 84, 0.18), 0 30px 60px -34px rgba(58, 42, 30, 0.45);\r\n    transition: transform 700ms var(--out), box-shadow 700ms var(--out);\r\n  }\r\n  \/* Anillo fino exterior *\/\r\n  .eavt .eavt-frame::before {\r\n    content: \"\"; position: absolute; inset: -12px; z-index: -1; border-radius: 999px;\r\n    border: 1px solid rgba(139, 108, 84, 0.28);\r\n    transition: inset 700ms var(--out), border-color 500ms var(--soft);\r\n  }\r\n  .eavt .eavt-media {\r\n    position: relative; overflow: hidden;\r\n    width: 100%; height: 100%;\r\n    border-radius: 999px;\r\n    background: #4f4b46;\r\n    transform: translateZ(0);\r\n  }\r\n  .eavt .eavt-media video {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%; max-width: none;\r\n    object-fit: cover; display: block;\r\n    transform: scale(1.04);\r\n    transition: transform 1400ms var(--out), filter 700ms var(--soft);\r\n  }\r\n  \/* Velo c\u00e1lido inferior *\/\r\n  .eavt .eavt-media::after {\r\n    content: \"\"; position: absolute; inset: 0; pointer-events: none;\r\n    background: linear-gradient(180deg, rgba(58, 42, 30, 0) 50%, rgba(58, 42, 30, 0.45) 100%);\r\n    transition: opacity 600ms var(--soft);\r\n  }\r\n\r\n  \/* Bot\u00f3n de reproducir (blindado contra estilos del tema) *\/\r\n  .eavt button.eavt-play {\r\n    position: absolute !important; left: 50% !important; bottom: 12% !important; z-index: 3;\r\n    display: grid !important; place-items: center;\r\n    width: 74px !important; height: 74px !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 0 0 -37px !important; padding: 0 !important;\r\n    border: 1px solid rgba(255, 252, 243, 0.75) !important; border-radius: 50% !important;\r\n    background: rgba(255, 252, 243, 0.18) !important;\r\n    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n    color: var(--crema) !important; box-shadow: none !important;\r\n    line-height: 1 !important; text-transform: none !important; letter-spacing: normal !important;\r\n    cursor: pointer; outline: none; -webkit-appearance: none !important; appearance: none !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: transform 500ms var(--out), opacity 400ms var(--soft), background-color 400ms var(--soft) !important;\r\n  }\r\n  .eavt button.eavt-play svg { width: 22px; height: 22px; margin-left: 3px; fill: currentColor; }\r\n  .eavt button.eavt-play::before {\r\n    content: \"\"; position: absolute; inset: -1px; border-radius: 50%;\r\n    border: 1px solid rgba(255, 252, 243, 0.8);\r\n    animation: eavt-pulse 2600ms var(--soft) infinite;\r\n  }\r\n  @keyframes eavt-pulse { 0% { transform: scale(1); opacity: 0.85; } 70%, 100% { transform: scale(1.55); opacity: 0; } }\r\n  .eavt button.eavt-play:focus-visible { box-shadow: 0 0 0 3px var(--cafe) !important; }\r\n\r\n  \/* ---------- Ventana emergente (pop-up) con el video completo, en arco ---------- *\/\r\n  .eavt-modal {\r\n    position: fixed; inset: 0; z-index: 999999;\r\n    display: grid; grid-template-columns: minmax(0, 1fr); place-items: center;\r\n    padding: clamp(20px, 4vw, 48px);\r\n    background: rgba(35, 33, 31, 0.84);\r\n    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n    opacity: 0; visibility: hidden;\r\n    transition: opacity 450ms cubic-bezier(0.25, 0.1, 0.25, 1), visibility 0s linear 450ms;\r\n  }\r\n  .eavt-modal.is-open { opacity: 1; visibility: visible; transition: opacity 450ms cubic-bezier(0.25, 0.1, 0.25, 1); }\r\n  \/* Marco crema en arco, igual a las tarjetas *\/\r\n  .eavt-modal .eavt-modal-frame {\r\n    position: relative;\r\n    width: min(100%, 495px, calc((100vh - 110px) * 9 \/ 16));\r\n    width: min(100%, 495px, calc((100dvh - 110px) * 9 \/ 16));\r\n    aspect-ratio: 9 \/ 16;\r\n    padding: 10px;\r\n    border-radius: 999px 999px 34px 34px;\r\n    background: linear-gradient(180deg, #f6efe4 0%, #ece3d6 100%);\r\n    box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.7), 0 0 90px -30px rgba(139, 108, 84, 0.65);\r\n    transform: translateY(26px) scale(0.95);\r\n    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .eavt-modal .eavt-modal-frame::before {\r\n    content: \"\"; position: absolute; inset: -14px; border-radius: 999px 999px 44px 44px;\r\n    border: 1px solid rgba(255, 252, 243, 0.3); pointer-events: none;\r\n  }\r\n  .eavt-modal.is-open .eavt-modal-frame { transform: none; }\r\n  .eavt-modal .eavt-modal-box {\r\n    position: relative; overflow: hidden;\r\n    width: 100%; height: 100%;\r\n    border-radius: 999px 999px 26px 26px;\r\n    background: #2b2926;\r\n    transform: translateZ(0);\r\n  }\r\n  .eavt-modal video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: contain; background: #2b2926; display: block; }\r\n  \/* Brillo de carga mientras el video arranca *\/\r\n  .eavt-modal .eavt-modal-box::after {\r\n    content: \"\"; position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n    background: linear-gradient(100deg, rgba(255, 252, 243, 0) 30%, rgba(255, 252, 243, 0.12) 50%, rgba(255, 252, 243, 0) 70%);\r\n    background-size: 250% 100%;\r\n    opacity: 0; transition: opacity 400ms ease;\r\n  }\r\n  .eavt-modal.is-loading .eavt-modal-box::after { opacity: 1; animation: eavt-shimmer 1600ms linear infinite; }\r\n  @keyframes eavt-shimmer { from { background-position: 120% 0; } to { background-position: -120% 0; } }\r\n\r\n  \/* Bot\u00f3n grande de reproducir dentro del pop-up (aparece si el video est\u00e1 en pausa) *\/\r\n  .eavt-modal button.eavt-modal-play {\r\n    position: absolute !important; left: 50% !important; top: 50% !important; z-index: 2;\r\n    display: grid !important; place-items: center;\r\n    width: 84px !important; height: 84px !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: -42px 0 0 -42px !important; padding: 0 !important;\r\n    border: 1px solid rgba(255, 252, 243, 0.8) !important; border-radius: 50% !important;\r\n    background: rgba(139, 108, 84, 0.85) !important; color: #fffcf3 !important; box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.5) !important;\r\n    line-height: 1 !important; cursor: pointer; outline: none; -webkit-appearance: none !important; appearance: none !important;\r\n    opacity: 0; pointer-events: none;\r\n    transition: opacity 300ms ease, transform 400ms cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n  }\r\n  .eavt-modal button.eavt-modal-play svg { width: 26px; height: 26px; margin-left: 4px; fill: currentColor; }\r\n  .eavt-modal.is-paused:not(.is-loading) button.eavt-modal-play { opacity: 1; pointer-events: auto; }\r\n  .eavt-modal button.eavt-modal-play:hover { transform: scale(1.06); }\r\n\r\n  .eavt-modal button.eavt-close {\r\n    position: absolute !important; top: clamp(14px, 3vw, 28px) !important; right: clamp(14px, 3vw, 28px) !important; z-index: 2;\r\n    display: grid !important; place-items: center;\r\n    width: 52px !important; height: 52px !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 !important; padding: 0 !important;\r\n    border: 1px solid rgba(255, 252, 243, 0.55) !important; border-radius: 50% !important;\r\n    background: rgba(255, 252, 243, 0.1) !important; color: #fffcf3 !important; box-shadow: none !important;\r\n    line-height: 1 !important; cursor: pointer; outline: none; -webkit-appearance: none !important; appearance: none !important;\r\n    transition: background-color 300ms ease, transform 400ms cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n  }\r\n  .eavt-modal button.eavt-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }\r\n  .eavt-modal button.eavt-close:hover { background: #8b6c54 !important; border-color: #8b6c54 !important; transform: rotate(90deg); }\r\n  .eavt-modal button.eavt-close:focus-visible, .eavt-modal button.eavt-modal-play:focus-visible { box-shadow: 0 0 0 3px #fffcf3 !important; }\r\n  @media (max-width: 480px) {\r\n    .eavt-modal { padding: 64px 16px 20px; }\r\n    .eavt-modal .eavt-modal-frame { padding: 7px; width: min(100%, calc((100vh - 110px) * 9 \/ 16)); width: min(100%, calc((100dvh - 110px) * 9 \/ 16)); }\r\n    .eavt-modal .eavt-modal-frame::before { inset: -9px; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eavt-modal, .eavt-modal .eavt-modal-frame { transition: none; transform: none; }\r\n    .eavt-modal.is-loading .eavt-modal-box::after { animation: none; }\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eavt .eavt-frame:hover { transform: translateY(-8px); box-shadow: 0 0 0 1px rgba(139, 108, 84, 0.35), 0 40px 70px -30px rgba(122, 94, 72, 0.55), 0 0 60px -20px rgba(139, 108, 84, 0.4); }\r\n    .eavt .eavt-frame:hover .eavt-media video { transform: scale(1.09); }\r\n    .eavt .eavt-frame:hover button.eavt-play { transform: scale(1.08); background: var(--cafe) !important; border-color: var(--cafe) !important; }\r\n  }\r\n\r\n  \/* ---------- Entrada ---------- *\/\r\n  .eavt.eavt--js .eavt-reveal { opacity: 0; transform: translateY(26px); filter: blur(6px); }\r\n  .eavt.eavt--js.is-in .eavt-reveal { opacity: 1; transform: none; filter: none; transition: opacity 900ms var(--soft) var(--d, 0ms), transform 1100ms var(--out) var(--d, 0ms), filter 900ms var(--soft) var(--d, 0ms); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .eavt .eavt-head { grid-template-columns: minmax(0, 1fr); gap: 18px; }\r\n  }\r\n  @media (max-width: 767px) {\r\n    \/* Celular: texto centrado y con aire a los lados *\/\r\n    .eavt { overflow-x: clip; }\r\n    .eavt .eavt-head { padding: 0 20px; text-align: center; justify-items: center; gap: 16px; margin-bottom: 28px; }\r\n    .eavt .eavt-eyebrow { justify-content: center; flex-wrap: wrap; gap: 10px; font-size: 12px; letter-spacing: 0.2em; line-height: 1.6; }\r\n    .eavt .eavt-eyebrow::before { width: 28px; }\r\n    .eavt .eavt-title { font-size: clamp(34px, 9.6vw, 44px); }\r\n    .eavt .eavt-desc { max-width: 34ch; margin: 0 auto; font-size: 18px; }\r\n  }\r\n  @media (max-width: 767px) {\r\n    \/* Carrusel deslizable con el dedo *\/\r\n    .eavt .eavt-track {\r\n      display: flex; gap: 18px;\r\n      overflow-x: auto; overscroll-behavior-x: contain;\r\n      scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;\r\n      padding: 18px 0 26px; margin: 0;\r\n      scrollbar-width: none;\r\n    }\r\n    .eavt .eavt-track::-webkit-scrollbar { display: none; }\r\n    \/* Espacios a los lados para que el primer y el \u00faltimo video queden centrados *\/\r\n    .eavt .eavt-track::before, .eavt .eavt-track::after { content: \"\"; flex: 0 0 calc(14% - 18px); }\r\n    .eavt .eavt-card, .eavt .eavt-card:nth-child(2), .eavt .eavt-card:nth-child(3) { flex: 0 0 72%; margin-top: 0; scroll-snap-align: center; }\r\n    .eavt .eavt-frame { max-width: none; }\r\n    .eavt .eavt-ctrls { display: flex; }\r\n  }\r\n  \/* ---------- Controles del slider (solo celular) ---------- *\/\r\n  .eavt .eavt-ctrls { display: none; align-items: center; justify-content: space-between; gap: 18px; padding: 0 20px; margin-top: 4px; }\r\n  .eavt .eavt-dots { display: flex; gap: 8px; min-width: 0; }\r\n  .eavt button.eavt-dot {\r\n    position: relative; display: block !important;\r\n    width: 26px !important; height: 24px !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;\r\n    background: transparent !important; box-shadow: none !important; cursor: pointer; outline: none;\r\n    -webkit-appearance: none !important; appearance: none !important; -webkit-tap-highlight-color: transparent;\r\n    transition: width 500ms var(--out) !important;\r\n  }\r\n  .eavt button.eavt-dot::before { content: \"\"; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: 2px; background: rgba(139, 108, 84, 0.25); transition: background-color 400ms var(--soft); }\r\n  .eavt button.eavt-dot.is-on { width: 44px !important; }\r\n  .eavt button.eavt-dot.is-on::before { background: var(--cafe); }\r\n  .eavt .eavt-arrows { display: flex; gap: 10px; flex: none; }\r\n  .eavt button.eavt-arrow {\r\n    position: relative; isolation: isolate; overflow: hidden;\r\n    display: grid !important; place-items: center;\r\n    width: 50px !important; height: 50px !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 !important; padding: 0 !important;\r\n    border: 1px solid rgba(139, 108, 84, 0.5) !important; border-radius: 50% !important;\r\n    background: transparent !important; color: var(--cafe-osc) !important; box-shadow: none !important;\r\n    line-height: 1 !important; cursor: pointer; outline: none; -webkit-appearance: none !important; appearance: none !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: transform 160ms var(--out) !important;\r\n  }\r\n  .eavt button.eavt-arrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n  .eavt button.eavt-arrow.is-next { color: var(--crema) !important; border-color: var(--cafe) !important; background: var(--cafe) !important; }\r\n  .eavt button.eavt-arrow:active { transform: scale(0.94); }\r\n  .eavt button.eavt-arrow:focus-visible, .eavt button.eavt-dot:focus-visible { box-shadow: 0 0 0 3px rgba(139, 108, 84, 0.45) !important; }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eavt.eavt--js .eavt-reveal { transform: none; filter: none; }\r\n    .eavt button.eavt-play::before { animation: none; opacity: 0; }\r\n    .eavt .eavt-media video { transition: none; transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"eavt\" aria-label=\"Testimonios en video\">\r\n  <div class=\"eavt-head\">\r\n    <div>\r\n      <p class=\"eavt-eyebrow eavt-display eavt-reveal\" style=\"--d:0ms\">La experiencia de la Dra. Emiliana \u00c1lvarez<\/p>\r\n      <h2 class=\"eavt-title eavt-display eavt-reveal\" style=\"--d:100ms\">Tu nueva sonrisa puede comenzar en <em>Medell\u00edn.<\/em><\/h2>\r\n    <\/div>\r\n    <p class=\"eavt-desc eavt-display eavt-reveal\" style=\"--d:220ms\">Conoce las experiencias de pacientes que confiaron en la Dra. Emiliana \u00c1lvarez para transformar su sonrisa con un enfoque personalizado de est\u00e9tica, salud oral y bienestar.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"eavt-track\">\r\n    <figure class=\"eavt-card eavt-reveal\" style=\"--d:200ms\">\r\n      <div class=\"eavt-frame\">\r\n        <div class=\"eavt-media\">\r\n          <video src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/dimark.co-homeemiliana-pro1.dc_.html.mp4#t=0.1\" muted playsinline loop preload=\"metadata\"><\/video>\r\n        <\/div>\r\n      <\/div>\r\n    <\/figure>\r\n    <figure class=\"eavt-card eavt-reveal\" style=\"--d:340ms\">\r\n      <div class=\"eavt-frame\">\r\n        <div class=\"eavt-media\">\r\n          <video src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/Abel-v4-1-1-1-1.mov#t=0.1\" muted playsinline loop preload=\"metadata\"><\/video>\r\n        <\/div>\r\n      <\/div>\r\n    <\/figure>\r\n    <figure class=\"eavt-card eavt-reveal\" style=\"--d:480ms\">\r\n      <div class=\"eavt-frame\">\r\n        <div class=\"eavt-media\">\r\n          <video src=\"https:\/\/yesidwebportafolio.shop\/wp-content\/uploads\/2026\/10\/IMG_8836.mov#t=0.1\" muted playsinline loop preload=\"metadata\"><\/video>\r\n        <\/div>\r\n      <\/div>\r\n    <\/figure>\r\n  <\/div>\r\n  <div class=\"eavt-ctrls\">\r\n    <div class=\"eavt-dots\" role=\"group\" aria-label=\"Elegir testimonio\"><\/div>\r\n    <div class=\"eavt-arrows\">\r\n      <button class=\"eavt-arrow is-prev\" type=\"button\" aria-label=\"Testimonio anterior\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg><\/button>\r\n      <button class=\"eavt-arrow is-next\" type=\"button\" aria-label=\"Testimonio siguiente\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eavt')) root = document.querySelector('.eavt:not(.eavt--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eavt--ready');\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var cards = Array.prototype.slice.call(root.querySelectorAll('.eavt-card'));\r\n    var track = root.querySelector('.eavt-track');\r\n    var dotsWrap = root.querySelector('.eavt-dots');\r\n    var ICON_PLAY = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 4.5v15l13-7.5z\"\/><\/svg>';\r\n\r\n    \/* ----- Ventana emergente: se agrega al final de la p\u00e1gina para que nada la recorte ----- *\/\r\n    var modal = document.createElement('div');\r\n    modal.className = 'eavt-modal';\r\n    modal.setAttribute('role', 'dialog');\r\n    modal.setAttribute('aria-modal', 'true');\r\n    modal.setAttribute('aria-label', 'Testimonio en video');\r\n    modal.innerHTML = '<button class=\"eavt-close\" type=\"button\" aria-label=\"Cerrar video\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button>' +\r\n      '<div class=\"eavt-modal-frame\"><div class=\"eavt-modal-box\">' +\r\n      '<button class=\"eavt-modal-play\" type=\"button\" aria-label=\"Reproducir con sonido\">' + ICON_PLAY + '<\/button>' +\r\n      '<\/div><\/div>';\r\n    document.body.appendChild(modal);\r\n    var box = modal.querySelector('.eavt-modal-box');\r\n    var bigPlay = modal.querySelector('.eavt-modal-play');\r\n    var closeBtn = modal.querySelector('.eavt-close');\r\n    var mVideo = null, lastFocus = null, prevOverflow = '';\r\n\r\n    function previews(play) {\r\n      cards.forEach(function (c) {\r\n        var v = c.querySelector('video');\r\n        if (play && c._inView && !reduce) { var p = v.play(); if (p && p.catch) p.catch(function () {}); } else v.pause();\r\n      });\r\n    }\r\n    \/* Reproduce con sonido; si el navegador lo bloquea, deja el bot\u00f3n grande para que la persona lo toque *\/\r\n    function tryPlay() {\r\n      if (!mVideo) return;\r\n      mVideo.muted = false;\r\n      var p = mVideo.play();\r\n      if (p && p.catch) p.catch(function () { modal.classList.add('is-paused'); modal.classList.remove('is-loading'); });\r\n    }\r\n    function openModal(card) {\r\n      var src = card.querySelector('video').getAttribute('src').split('#')[0];\r\n      lastFocus = document.activeElement;\r\n      previews(false);\r\n      stopAuto();\r\n      \/* Un video nuevo en cada apertura: evita que el tema o un reproductor externo lo bloquee *\/\r\n      mVideo = document.createElement('video');\r\n      mVideo.setAttribute('playsinline', '');\r\n      mVideo.setAttribute('webkit-playsinline', '');\r\n      mVideo.setAttribute('controls', '');\r\n      mVideo.setAttribute('preload', 'auto');\r\n      mVideo.src = src;\r\n      box.insertBefore(mVideo, bigPlay);\r\n      mVideo.addEventListener('waiting', function () { modal.classList.add('is-loading'); });\r\n      mVideo.addEventListener('playing', function () { modal.classList.remove('is-loading', 'is-paused'); });\r\n      mVideo.addEventListener('pause', function () { if (!mVideo.ended) modal.classList.add('is-paused'); });\r\n      mVideo.addEventListener('canplay', function () { modal.classList.remove('is-loading'); if (mVideo.paused && !modal._userPaused) tryPlay(); }, { once: true });\r\n      mVideo.addEventListener('ended', closeModal);\r\n      mVideo.addEventListener('error', function () { modal.classList.remove('is-loading'); modal.classList.add('is-paused'); });\r\n      modal._userPaused = false;\r\n      modal.classList.add('is-open', 'is-loading');\r\n      modal.classList.remove('is-paused');\r\n      prevOverflow = document.documentElement.style.overflow;\r\n      document.documentElement.style.overflow = 'hidden';\r\n      tryPlay();\r\n      setTimeout(function () { closeBtn.focus(); }, 60);\r\n    }\r\n    function closeModal() {\r\n      if (!modal.classList.contains('is-open')) return;\r\n      modal.classList.remove('is-open', 'is-loading', 'is-paused');\r\n      document.documentElement.style.overflow = prevOverflow;\r\n      if (mVideo) {\r\n        var old = mVideo; mVideo = null;\r\n        old.pause();\r\n        setTimeout(function () { old.removeAttribute('src'); old.load(); if (old.parentNode) old.parentNode.removeChild(old); }, 460);\r\n      }\r\n      previews(true);\r\n      if (lastFocus && lastFocus.focus) lastFocus.focus();\r\n    }\r\n    bigPlay.addEventListener('click', function () { modal._userPaused = false; tryPlay(); });\r\n    closeBtn.addEventListener('click', closeModal);\r\n    modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });\r\n    document.addEventListener('keydown', function (e) {\r\n      if (!modal.classList.contains('is-open')) return;\r\n      if (e.key === 'Escape') closeModal();\r\n      if (e.key === 'Tab') { e.preventDefault(); (document.activeElement === closeBtn && mVideo ? mVideo : closeBtn).focus(); }\r\n    });\r\n\r\n    \/* ----- Tarjetas: vista previa en silencio + clic para abrir ----- *\/\r\n    cards.forEach(function (card, i) {\r\n      var media = card.querySelector('.eavt-media');\r\n      var v = card.querySelector('video');\r\n      v.muted = true; v.setAttribute('muted', '');\r\n      media.insertAdjacentHTML('beforeend', '<button class=\"eavt-play\" type=\"button\" aria-label=\"Ver testimonio ' + (i + 1) + ' con sonido\">' + ICON_PLAY + '<\/button>');\r\n      card.querySelector('.eavt-frame').addEventListener('click', function () { openModal(card); });\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        new IntersectionObserver(function (en) {\r\n          card._inView = en[0].isIntersecting;\r\n          if (modal.classList.contains('is-open')) return;\r\n          if (card._inView && !reduce) { var p = v.play(); if (p && p.catch) p.catch(function () {}); } else v.pause();\r\n        }, { threshold: 0.35 }).observe(card);\r\n      }\r\n    });\r\n\r\n    \/* ----- Slider en celular: deslizar, flechas, puntos y avance autom\u00e1tico ----- *\/\r\n    var AUTO = 5000; \/* tiempo entre testimonios en celular (ms) *\/\r\n    var isMobile = window.matchMedia('(max-width: 767px)');\r\n    var dots = cards.map(function (c, k) {\r\n      var d = document.createElement('button');\r\n      d.type = 'button'; d.className = 'eavt-dot';\r\n      d.setAttribute('aria-label', 'Ver testimonio ' + (k + 1));\r\n      d.addEventListener('click', function () { goTo(k); restartAuto(); });\r\n      dotsWrap.appendChild(d);\r\n      return d;\r\n    });\r\n    var active = 0, autoTimer = null, sliderInView = false, userTouching = false;\r\n\r\n    function nearest() {\r\n      var mid = track.scrollLeft + track.clientWidth \/ 2, best = 0, bestD = Infinity;\r\n      cards.forEach(function (c, k) { var d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bestD) { bestD = d; best = k; } });\r\n      return best;\r\n    }\r\n    function syncDots() {\r\n      active = nearest();\r\n      dots.forEach(function (d, k) { d.classList.toggle('is-on', k === active); d.setAttribute('aria-current', k === active ? 'true' : 'false'); });\r\n    }\r\n    function goTo(k) {\r\n      k = (k + cards.length) % cards.length;\r\n      var c = cards[k];\r\n      active = k;\r\n      dots.forEach(function (d, j) { d.classList.toggle('is-on', j === k); d.setAttribute('aria-current', j === k ? 'true' : 'false'); });\r\n      track.scrollTo({ left: c.offsetLeft - (track.clientWidth - c.offsetWidth) \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n    }\r\n    function stopAuto() { clearInterval(autoTimer); autoTimer = null; }\r\n    function startAuto() {\r\n      stopAuto();\r\n      if (reduce || !isMobile.matches || !sliderInView || userTouching || document.hidden || modal.classList.contains('is-open')) return;\r\n      autoTimer = setInterval(function () { goTo(active + 1); }, AUTO);\r\n    }\r\n    function restartAuto() { startAuto(); }\r\n\r\n    root.querySelector('.eavt-arrow.is-prev').addEventListener('click', function () { goTo(active - 1); restartAuto(); });\r\n    root.querySelector('.eavt-arrow.is-next').addEventListener('click', function () { goTo(active + 1); restartAuto(); });\r\n    var st;\r\n    track.addEventListener('scroll', function () { clearTimeout(st); st = setTimeout(syncDots, 90); }, { passive: true });\r\n    track.addEventListener('touchstart', function () { userTouching = true; stopAuto(); }, { passive: true });\r\n    track.addEventListener('touchend', function () { userTouching = false; setTimeout(startAuto, 1500); }, { passive: true });\r\n    document.addEventListener('visibilitychange', function () { document.hidden ? stopAuto() : startAuto(); });\r\n    if (isMobile.addEventListener) isMobile.addEventListener('change', startAuto);\r\n    if ('IntersectionObserver' in window) {\r\n      new IntersectionObserver(function (en) { sliderInView = en[0].isIntersecting; startAuto(); }, { threshold: 0.4 }).observe(track);\r\n    }\r\n    \/* Al cerrar el pop-up, el slider sigue *\/\r\n    modal.addEventListener('transitionend', function () { if (!modal.classList.contains('is-open')) startAuto(); });\r\n    syncDots();\r\n\r\n    \/* Entrada escalonada *\/\r\n    function show() { root.classList.add('is-in'); }\r\n    if ('IntersectionObserver' in window) {\r\n      root.classList.add('eavt--js');\r\n      var io = new IntersectionObserver(function (en) { if (en[0].isIntersecting) { show(); io.disconnect(); } }, { threshold: 0.15 });\r\n      io.observe(root);\r\n      setTimeout(show, 3000);\r\n    } else show();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-4af34a3 e-flex e-con-boxed e-con e-parent\" data-id=\"4af34a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b2422e aux-appear-watch-animation aux-scale-down elementor-widget elementor-widget-aux_modern_heading\" data-id=\"2b2422e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"aux_modern_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"aux-widget-modern-heading\">\n            <div class=\"aux-widget-inner\"><h5 class=\"aux-modern-heading-primary\">Odontolog\u00eda con enfoque WELLNESS<\/h5><h2 class=\"aux-modern-heading-secondary\"><span class=\"aux-head-before\">Soluciones integrales para tu sonrisa.<\/span><\/h2><\/div>\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03526e6 elementor-widget elementor-widget-html\" data-id=\"03526e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     Precios \u00b7 Dise\u00f1o de sonrisa \u00b7 Dra. Emiliana \u00c1lvarez\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&display=swap\">\r\n\r\n<style>\r\n  .eapr {\r\n    --cafe: #8b6c54;\r\n    --cafe-cl: #c9a98c;\r\n    --crema: #fffcf3;\r\n    --arena: #d7d2c6;\r\n    --carbon: #3a3a37;\r\n    --noche: #23211f;\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    border-radius: 32px;\r\n    background:\r\n      radial-gradient(120% 90% at 50% 120%, rgba(139, 108, 84, 0.55) 0%, rgba(139, 108, 84, 0.12) 45%, rgba(139, 108, 84, 0) 70%),\r\n      linear-gradient(160deg, #3a3a37 0%, #2b2926 55%, #23211f 100%);\r\n    color: var(--crema);\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n    box-shadow: 0 40px 80px -40px rgba(35, 33, 31, 0.6);\r\n  }\r\n  .eapr *, .eapr *::before, .eapr *::after { box-sizing: border-box; }\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eapr),\r\n  .elementor-widget-html:has(> .eapr) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n  .eapr .eapr-display, .eapr .eapr-display * { font-family: var(--display) !important; }\r\n\r\n  \/* Marco interior fino *\/\r\n  .eapr::after {\r\n    content: \"\"; position: absolute; inset: 14px; z-index: 0; pointer-events: none;\r\n    border: 1px solid rgba(215, 210, 198, 0.12); border-radius: 22px;\r\n  }\r\n\r\n  .eapr .eapr-grid {\r\n    position: relative; z-index: 1;\r\n    display: grid; grid-template-columns: 1fr 1fr;\r\n  }\r\n  \/* L\u00ednea divisoria que se dibuja *\/\r\n  .eapr .eapr-grid::before {\r\n    content: \"\"; position: absolute; left: 50%; top: 14%; bottom: 14%; width: 1px;\r\n    background: linear-gradient(180deg, rgba(201, 169, 140, 0) 0%, rgba(201, 169, 140, 0.55) 50%, rgba(201, 169, 140, 0) 100%);\r\n    transform: scaleY(0); transform-origin: 50% 0;\r\n    transition: transform 1400ms var(--out) 300ms;\r\n  }\r\n  .eapr.is-in .eapr-grid::before { transform: scaleY(1); }\r\n\r\n  \/* ---------- Cada oferta ---------- *\/\r\n  .eapr .eapr-card {\r\n    --mx: 50%; --my: 100%;\r\n    position: relative; overflow: hidden;\r\n    padding: clamp(48px, 7vw, 96px) clamp(28px, 5.5vw, 76px);\r\n    transition: background-color 500ms var(--soft);\r\n  }\r\n  \/* Brillo caf\u00e9 que sigue el cursor *\/\r\n  .eapr .eapr-card::before {\r\n    content: \"\"; position: absolute; inset: 0; z-index: -1; pointer-events: none;\r\n    background: radial-gradient(420px circle at var(--mx) var(--my), rgba(139, 108, 84, 0.42), rgba(139, 108, 84, 0) 70%);\r\n    opacity: 0; transition: opacity 500ms var(--soft);\r\n  }\r\n  \/* Destello que cruza al pasar el mouse *\/\r\n  .eapr .eapr-card::after {\r\n    content: \"\"; position: absolute; top: -20%; bottom: -20%; left: 0; width: 40%; pointer-events: none;\r\n    background: linear-gradient(100deg, rgba(255, 248, 232, 0) 0%, rgba(255, 248, 232, 0.08) 45%, rgba(255, 248, 232, 0.16) 50%, rgba(255, 248, 232, 0.08) 55%, rgba(255, 248, 232, 0) 100%);\r\n    transform: translateX(-180%) skewX(-14deg);\r\n  }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eapr .eapr-card:hover::before { opacity: 1; }\r\n    .eapr .eapr-card:hover::after { transform: translateX(320%) skewX(-14deg); transition: transform 1600ms cubic-bezier(0.45, 0, 0.25, 1); }\r\n    .eapr .eapr-card:hover .eapr-price b { text-shadow: 0 0 34px rgba(201, 169, 140, 0.55); }\r\n    .eapr .eapr-card:hover .eapr-badge { background: var(--crema); }\r\n  }\r\n\r\n  \/* Etiqueta con avi\u00f3n *\/\r\n  .eapr .eapr-badge {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 9px 18px 9px 14px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(120deg, #efe2d2 0%, #d9bfa5 100%);\r\n    color: #5a4535;\r\n    font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; line-height: 1; white-space: nowrap;\r\n    box-shadow: 0 0 0 1px rgba(255, 252, 243, 0.25), 0 8px 24px -10px rgba(201, 169, 140, 0.6);\r\n    transition: background 400ms var(--soft);\r\n  }\r\n  .eapr .eapr-badge svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  .eapr .eapr-title {\r\n    margin: 30px 0 0;\r\n    font-size: clamp(38px, 4.4vw, 62px); line-height: 1.04; font-weight: 400; letter-spacing: -0.005em;\r\n    color: var(--crema);\r\n  }\r\n  .eapr .eapr-title em { font-style: italic; color: var(--cafe-cl); }\r\n  .eapr .eapr-desc {\r\n    max-width: 30ch; margin: 22px 0 0;\r\n    font-size: clamp(19px, 1.7vw, 23px); line-height: 1.55; font-style: italic; font-weight: 400;\r\n    color: rgba(255, 252, 243, 0.72);\r\n  }\r\n\r\n  \/* Precio *\/\r\n  .eapr .eapr-price {\r\n    display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 18px;\r\n    margin-top: clamp(40px, 5.5vw, 72px); padding-top: 26px;\r\n    border-top: 1px solid rgba(215, 210, 198, 0.14);\r\n  }\r\n  .eapr .eapr-price small { font-size: 12px; font-weight: 600; letter-spacing: 0.32em; text-transform: uppercase; color: rgba(255, 252, 243, 0.6); }\r\n  .eapr .eapr-price b {\r\n    font-size: clamp(64px, 7.4vw, 108px); line-height: 0.9; font-weight: 300; letter-spacing: -0.01em;\r\n    font-variant-numeric: lining-nums tabular-nums;\r\n    background: linear-gradient(180deg, #fffcf3 0%, #e8d3bd 100%);\r\n    -webkit-background-clip: text; background-clip: text; color: transparent;\r\n    transition: text-shadow 500ms var(--soft);\r\n  }\r\n  .eapr .eapr-price span { font-size: 14px; font-weight: 600; letter-spacing: 0.3em; color: var(--cafe-cl); }\r\n\r\n  \/* ---------- Entrada ---------- *\/\r\n  .eapr.eapr--js .eapr-reveal { opacity: 0; transform: translateY(22px); filter: blur(6px); }\r\n  .eapr.eapr--js.is-in .eapr-reveal { opacity: 1; transform: none; filter: none; transition: opacity 900ms var(--soft) var(--d, 0ms), transform 1100ms var(--out) var(--d, 0ms), filter 900ms var(--soft) var(--d, 0ms); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 820px) {\r\n    .eapr { border-radius: 24px; }\r\n    .eapr::after { inset: 10px; border-radius: 16px; }\r\n    .eapr .eapr-grid { grid-template-columns: 1fr; }\r\n    .eapr .eapr-grid::before { left: 12%; right: 12%; top: 50%; bottom: auto; width: auto; height: 1px;\r\n      background: linear-gradient(90deg, rgba(201, 169, 140, 0) 0%, rgba(201, 169, 140, 0.55) 50%, rgba(201, 169, 140, 0) 100%);\r\n      transform: scaleX(0); transform-origin: 0 50%; }\r\n    .eapr.is-in .eapr-grid::before { transform: scaleX(1); }\r\n    .eapr .eapr-card { padding: 48px 28px 52px; }\r\n  }\r\n  @media (max-width: 420px) {\r\n    .eapr .eapr-card { padding: 40px 22px 44px; }\r\n    .eapr .eapr-badge { font-size: 9.5px; letter-spacing: 0.14em; padding: 8px 13px 8px 11px; gap: 8px; }\r\n    .eapr .eapr-title { font-size: 36px; }\r\n    .eapr .eapr-price b { font-size: 60px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eapr.eapr--js .eapr-reveal { transform: none; filter: none; }\r\n    .eapr .eapr-card::after { display: none; }\r\n    .eapr .eapr-grid::before { transition: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"eapr\" aria-label=\"Precios de dise\u00f1o de sonrisa\">\r\n  <div class=\"eapr-grid\">\r\n    <article class=\"eapr-card\">\r\n      <span class=\"eapr-badge eapr-reveal\" style=\"--d:0ms\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.2 13.8 3 11.5l1.3-1.3 8.6.6 4.6-4.6c.8-.8 2.1-.8 2.9 0s.8 2.1 0 2.9l-4.6 4.6.6 8.6-1.3 1.3-2.3-7.2-3.4 3.4.3 2.4-1 1-1.6-3.1-3.1-1.6 1-1 2.4.3z\"\/><\/svg>Transporte de aeropuerto incluido<\/span>\r\n      <h3 class=\"eapr-title eapr-display eapr-reveal\" style=\"--d:100ms\">Dise\u00f1o de sonrisa<br>en <em>porcelana<\/em><\/h3>\r\n      <p class=\"eapr-desc eapr-display eapr-reveal\" style=\"--d:200ms\">La opci\u00f3n m\u00e1s natural y duradera, tallada pieza a pieza.<\/p>\r\n      <div class=\"eapr-price eapr-reveal\" style=\"--d:300ms\">\r\n        <small>Desde<\/small>\r\n        <b class=\"eapr-display\" data-valor=\"3500\">3.500<\/b>\r\n        <span>USD<\/span>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"eapr-card\">\r\n      <span class=\"eapr-badge eapr-reveal\" style=\"--d:150ms\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.2 13.8 3 11.5l1.3-1.3 8.6.6 4.6-4.6c.8-.8 2.1-.8 2.9 0s.8 2.1 0 2.9l-4.6 4.6.6 8.6-1.3 1.3-2.3-7.2-3.4 3.4.3 2.4-1 1-1.6-3.1-3.1-1.6 1-1 2.4.3z\"\/><\/svg>Transporte de aeropuerto incluido<\/span>\r\n      <h3 class=\"eapr-title eapr-display eapr-reveal\" style=\"--d:250ms\">Dise\u00f1o de sonrisa<br>en <em>resina<\/em><\/h3>\r\n      <p class=\"eapr-desc eapr-display eapr-reveal\" style=\"--d:350ms\">Resultado natural con la mejor relaci\u00f3n entre est\u00e9tica y precio.<\/p>\r\n      <div class=\"eapr-price eapr-reveal\" style=\"--d:450ms\">\r\n        <small>Desde<\/small>\r\n        <b class=\"eapr-display\" data-valor=\"1800\">1.800<\/b>\r\n        <span>USD<\/span>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eapr')) root = document.querySelector('.eapr:not(.eapr--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eapr--ready');\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n    \/* Brillo que sigue el cursor *\/\r\n    Array.prototype.forEach.call(root.querySelectorAll('.eapr-card'), function (card) {\r\n      card.addEventListener('pointermove', function (e) {\r\n        var r = card.getBoundingClientRect();\r\n        card.style.setProperty('--mx', (e.clientX - r.left) + 'px');\r\n        card.style.setProperty('--my', (e.clientY - r.top) + 'px');\r\n      });\r\n    });\r\n\r\n    \/* Conteo de precios *\/\r\n    var fmt = function (n) { return String(n).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.'); };\r\n    function countUp() {\r\n      if (reduce) return;\r\n      Array.prototype.forEach.call(root.querySelectorAll('[data-valor]'), function (el, k) {\r\n        var end = parseInt(el.getAttribute('data-valor'), 10), t0 = null, dur = 1800, delay = 350 + k * 150;\r\n        el.textContent = fmt(0);\r\n        setTimeout(function () {\r\n          requestAnimationFrame(function step(t) {\r\n            if (!t0) t0 = t;\r\n            var p = Math.min((t - t0) \/ dur, 1), e = 1 - Math.pow(1 - p, 4);\r\n            el.textContent = fmt(Math.round(end * e \/ 10) * 10);\r\n            if (p < 1) requestAnimationFrame(step); else el.textContent = fmt(end);\r\n          });\r\n        }, delay);\r\n      });\r\n    }\r\n\r\n    function show() { if (root.classList.contains('is-in')) return; root.classList.add('is-in'); countUp(); }\r\n    if ('IntersectionObserver' in window) {\r\n      root.classList.add('eapr--js');\r\n      var io = new IntersectionObserver(function (en) { if (en[0].isIntersecting) { show(); io.disconnect(); } }, { threshold: 0.3 });\r\n      io.observe(root);\r\n      setTimeout(show, 3000);\r\n    } else { show(); }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"aux-parallax-section elementor-element elementor-element-cdb0480 e-flex e-con-boxed e-con e-parent\" data-id=\"cdb0480\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e62afc8 elementor-widget elementor-widget-html\" data-id=\"e62afc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"utf-8\">\r\n<!-- ============================================================\r\n     Preguntas frecuentes \u00b7 Dra. Emiliana \u00c1lvarez\r\n     Pegar completo en un widget \"HTML\" de Elementor.\r\n     Para editar: cambia el texto de cada <button class=\"eafq-q\"> (pregunta)\r\n     y de su <div class=\"eafq-a\"> (respuesta). El bot\u00f3n final usa href=\"#agendar\".\r\n     Los datos para Google (FAQ) se generan solos a partir de estas preguntas.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap\">\r\n\r\n<style>\r\n  .eafq {\r\n    --cafe: #8b6c54;\r\n    --cafe-osc: #6e5442;\r\n    --crema: #fffcf3;\r\n    --arena: #d7d2c6;\r\n    --carbon: #3a3a37;\r\n    --piedra: #5f5f5b;\r\n    --linea: rgba(139, 108, 84, 0.26);\r\n    --display: \"Cormorant Garamond\", Garamond, \"Times New Roman\", serif;\r\n    --out: cubic-bezier(0.22, 1, 0.36, 1);\r\n    --soft: cubic-bezier(0.25, 0.1, 0.25, 1);\r\n\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n    grid-template-areas: \"head list\" \"cta list\";\r\n    grid-template-rows: auto 1fr;\r\n    column-gap: clamp(32px, 6vw, 96px);\r\n    row-gap: 40px;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    color: var(--carbon);\r\n    font-family: inherit;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .eafq *, .eafq *::before, .eafq *::after { box-sizing: border-box; }\r\n  .elementor-widget-html:has(> .elementor-widget-container > .eafq),\r\n  .elementor-widget-html:has(> .eafq) { width: 100%; max-width: 100%; flex: 1 1 100%; align-self: stretch; }\r\n  .eafq .eafq-display, .eafq .eafq-display * { font-family: var(--display) !important; }\r\n\r\n  \/* ---------- Encabezado ---------- *\/\r\n  .eafq .eafq-head { grid-area: head; }\r\n  .eafq .eafq-eyebrow {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin: 0 0 10px;\r\n    font-size: 15px; font-weight: 600; letter-spacing: 0.26em; text-transform: uppercase; line-height: 1.3;\r\n    color: var(--cafe-osc);\r\n  }\r\n  .eafq .eafq-eyebrow::before { content: \"\"; flex: none; width: 40px; height: 1px; background: currentColor; }\r\n  .eafq .eafq-kicker { margin: 0 0 22px; font-size: 12px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--piedra); }\r\n  .eafq .eafq-title {\r\n    margin: 0;\r\n    font-size: clamp(38px, 4.4vw, 64px); line-height: 1.05; font-weight: 400; letter-spacing: -0.01em;\r\n    color: var(--carbon); text-wrap: balance;\r\n  }\r\n  .eafq .eafq-title em { font-style: italic; color: var(--cafe); }\r\n  .eafq .eafq-desc {\r\n    max-width: 40ch; margin: 22px 0 0;\r\n    font-size: 16px; line-height: 1.7; color: var(--piedra);\r\n  }\r\n\r\n  \/* ---------- Tarjeta final con bot\u00f3n ---------- *\/\r\n  .eafq .eafq-cta {\r\n    grid-area: cta; align-self: start;\r\n    position: sticky; top: 110px;\r\n    padding: clamp(28px, 3vw, 40px);\r\n    border-radius: 28px;\r\n    background:\r\n      radial-gradient(120% 90% at 100% 120%, rgba(139, 108, 84, 0.5) 0%, rgba(139, 108, 84, 0) 60%),\r\n      linear-gradient(160deg, #3a3a37 0%, #2b2926 100%);\r\n    color: var(--crema);\r\n    box-shadow: 0 30px 60px -34px rgba(35, 33, 31, 0.6);\r\n    overflow: hidden;\r\n  }\r\n  .eafq .eafq-cta-title { margin: 0; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.12; font-weight: 400; color: var(--crema); }\r\n  .eafq .eafq-cta-title em { font-style: italic; color: #c9a98c; }\r\n  .eafq .eafq-cta-text { margin: 12px 0 26px; font-size: 15px; line-height: 1.65; color: rgba(255, 252, 243, 0.78); }\r\n  .eafq a.eafq-btn {\r\n    position: relative; isolation: isolate; overflow: hidden;\r\n    display: inline-flex; align-items: center; gap: 12px;\r\n    min-height: 52px; padding: 0 26px;\r\n    border-radius: 999px;\r\n    background: var(--crema); color: var(--carbon) !important; text-decoration: none !important;\r\n    font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;\r\n    transition: color 300ms var(--soft), transform 160ms var(--out);\r\n  }\r\n  .eafq a.eafq-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: transform 320ms var(--out); }\r\n  .eafq a.eafq-btn::before { content: \"\"; position: absolute; inset: 0; z-index: -1; background: var(--cafe); transform: translateY(101%); transition: transform 450ms var(--out); }\r\n  .eafq a.eafq-btn::after { content: \"\"; position: absolute; top: -20%; bottom: -20%; left: 0; width: 40%; background: linear-gradient(100deg, rgba(255,252,243,0) 0%, rgba(255,252,243,.45) 50%, rgba(255,252,243,0) 100%); transform: translateX(-170%) skewX(-14deg); pointer-events: none; }\r\n  .eafq a.eafq-btn:active { transform: scale(0.97); }\r\n  .eafq a.eafq-btn:focus-visible { outline: 2px solid var(--crema); outline-offset: 3px; }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eafq a.eafq-btn:hover { color: var(--crema) !important; }\r\n    .eafq a.eafq-btn:hover::before { transform: none; }\r\n    .eafq a.eafq-btn:hover::after { animation: eafq-shine 900ms var(--soft) 120ms both; }\r\n    .eafq a.eafq-btn:hover svg { transform: translateX(4px); }\r\n  }\r\n  @keyframes eafq-shine { from { transform: translateX(-170%) skewX(-14deg); } to { transform: translateX(330%) skewX(-14deg); } }\r\n\r\n  \/* ---------- Acorde\u00f3n ---------- *\/\r\n  .eafq .eafq-list { grid-area: list; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--linea); }\r\n  .eafq .eafq-item { position: relative; border-top: 1px solid var(--linea); }\r\n  \/* L\u00ednea caf\u00e9 que crece en la pregunta abierta *\/\r\n  .eafq .eafq-item::before {\r\n    content: \"\"; position: absolute; left: 0; top: -1px; height: 1px; width: 100%;\r\n    background: var(--cafe); transform: scaleX(0); transform-origin: left center;\r\n    transition: transform 700ms var(--out);\r\n  }\r\n  .eafq .eafq-item.is-open::before { transform: scaleX(1); }\r\n\r\n  .eafq .eafq-h { margin: 0; font: inherit; }\r\n  \/* Bot\u00f3n de la pregunta (blindado contra los estilos de bot\u00f3n del tema) *\/\r\n  .eafq button.eafq-q {\r\n    display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px;\r\n    width: 100% !important; min-width: 0 !important; min-height: 0 !important;\r\n    margin: 0 !important; padding: 24px 0 !important;\r\n    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;\r\n    color: var(--carbon) !important; text-align: left !important; text-transform: none !important; letter-spacing: normal !important;\r\n    font-family: var(--display) !important; font-size: clamp(20px, 1.9vw, 25px) !important; line-height: 1.25 !important; font-weight: 500 !important;\r\n    cursor: pointer; outline: none; -webkit-appearance: none !important; appearance: none !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: color 300ms var(--soft) !important;\r\n  }\r\n  .eafq .eafq-num { font-size: 15px; font-weight: 600; letter-spacing: 0.16em; color: var(--cafe); font-variant-numeric: lining-nums tabular-nums; min-width: 2ch; }\r\n  .eafq .eafq-icon {\r\n    position: relative; isolation: isolate; overflow: hidden;\r\n    display: grid; place-items: center;\r\n    width: 44px; height: 44px; border-radius: 50%;\r\n    border: 1px solid rgba(139, 108, 84, 0.45);\r\n    color: var(--cafe);\r\n    transition: color 300ms var(--soft), border-color 300ms var(--soft), transform 600ms var(--out);\r\n  }\r\n  .eafq .eafq-icon::before { content: \"\"; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: var(--cafe); transform: scale(0.5); opacity: 0; transition: transform 450ms var(--out), opacity 250ms var(--soft); }\r\n  .eafq .eafq-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }\r\n  .eafq .eafq-icon .v { transform-origin: center; transition: transform 500ms var(--out); }\r\n  .eafq .eafq-item.is-open .eafq-icon { color: var(--crema); border-color: var(--cafe); transform: rotate(180deg); }\r\n  .eafq .eafq-item.is-open .eafq-icon::before { transform: scale(1); opacity: 1; }\r\n  .eafq .eafq-item.is-open .eafq-icon .v { transform: scaleY(0); }\r\n  .eafq .eafq-item.is-open button.eafq-q { color: var(--cafe-osc) !important; }\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .eafq button.eafq-q:hover { color: var(--cafe-osc) !important; }\r\n    .eafq button.eafq-q:hover .eafq-icon { border-color: var(--cafe); transform: translateY(-2px); }\r\n    .eafq .eafq-item.is-open button.eafq-q:hover .eafq-icon { transform: rotate(180deg); }\r\n  }\r\n  .eafq button.eafq-q:focus-visible .eafq-icon { box-shadow: 0 0 0 3px rgba(139, 108, 84, 0.4); }\r\n\r\n  \/* Respuesta con apertura suave *\/\r\n  .eafq .eafq-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 600ms var(--out); }\r\n  .eafq .eafq-item.is-open .eafq-panel { grid-template-rows: 1fr; }\r\n  .eafq .eafq-panel > div { overflow: hidden; }\r\n  .eafq .eafq-a {\r\n    max-width: 58ch; margin: 0; padding: 0 62px 26px calc(2ch + 18px + 6px);\r\n    font-size: 16px; line-height: 1.75; color: var(--piedra);\r\n    opacity: 0; transform: translateY(-6px);\r\n    transition: opacity 400ms var(--soft), transform 600ms var(--out);\r\n  }\r\n  .eafq .eafq-item.is-open .eafq-a { opacity: 1; transform: none; transition-delay: 120ms; }\r\n\r\n  \/* ---------- Entrada ---------- *\/\r\n  .eafq.eafq--js .eafq-reveal { opacity: 0; transform: translateY(22px); filter: blur(6px); }\r\n  .eafq.eafq--js.is-in .eafq-reveal { opacity: 1; transform: none; filter: none; transition: opacity 900ms var(--soft) var(--d, 0ms), transform 1100ms var(--out) var(--d, 0ms), filter 900ms var(--soft) var(--d, 0ms); }\r\n\r\n  \/* ---------- Responsive ---------- *\/\r\n  @media (max-width: 900px) {\r\n    .eafq { grid-template-columns: minmax(0, 1fr); grid-template-areas: \"head\" \"list\" \"cta\"; grid-template-rows: auto; row-gap: 36px; }\r\n    .eafq .eafq-cta { position: relative; top: 0; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .eafq .eafq-eyebrow { font-size: 13px; letter-spacing: 0.2em; }\r\n    .eafq .eafq-eyebrow::before { width: 28px; }\r\n    .eafq button.eafq-q { gap: 14px; padding: 20px 0 !important; font-size: 20px !important; }\r\n    .eafq .eafq-num { font-size: 13px; }\r\n    .eafq .eafq-icon { width: 40px; height: 40px; }\r\n    .eafq .eafq-a { padding: 0 0 22px 0; font-size: 15px; }\r\n    .eafq .eafq-cta { border-radius: 22px; }\r\n    .eafq a.eafq-btn { width: 100%; justify-content: center; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .eafq.eafq--js .eafq-reveal { transform: none; filter: none; }\r\n    .eafq .eafq-panel, .eafq .eafq-a, .eafq .eafq-icon, .eafq .eafq-item::before { transition: none; }\r\n    .eafq a.eafq-btn::after { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"eafq\" aria-labelledby=\"eafq-titulo\">\r\n  <div class=\"eafq-head\">\r\n    <h2 class=\"eafq-eyebrow eafq-display eafq-reveal\" style=\"--d:0ms\">Preguntas frecuentes<\/h2>\r\n    <p class=\"eafq-kicker eafq-reveal\" style=\"--d:60ms\">Wellness \u00b7 Dra. Emiliana \u00c1lvarez<\/p>\r\n    <p class=\"eafq-title eafq-display eafq-reveal\" id=\"eafq-titulo\" role=\"heading\" aria-level=\"3\" style=\"--d:120ms\">Resuelve tus dudas antes de dar el <em>siguiente paso.<\/em><\/p>\r\n    <p class=\"eafq-desc eafq-reveal\" style=\"--d:200ms\">Cada sonrisa necesita un plan diferente. Aqu\u00ed encontrar\u00e1s respuestas para tomar una decisi\u00f3n informada sobre tu salud oral y tu tratamiento.<\/p>\r\n  <\/div>\r\n\r\n  <ul class=\"eafq-list\">\r\n    <li class=\"eafq-item eafq-reveal is-open\" style=\"--d:120ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">01<\/span><span>\u00bfQu\u00e9 tratamiento es mejor para mi sonrisa: porcelana o resina?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">Depende de tus necesidades, tus objetivos est\u00e9ticos, tu salud oral y las caracter\u00edsticas de tus dientes. Durante la valoraci\u00f3n, la Dra. Emiliana \u00c1lvarez analiza tu caso para orientarte hacia la alternativa m\u00e1s adecuada.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:170ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">02<\/span><span>\u00bfEs necesario desgastar mis dientes para hacerme un dise\u00f1o de sonrisa?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">No siempre. Depende del tratamiento y del estado de tus dientes. Siempre priorizamos la conservaci\u00f3n de tus dientes naturales cuando sea viable, y en la valoraci\u00f3n te explicamos si tu caso requiere alguna preparaci\u00f3n.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:220ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">03<\/span><span>\u00bfC\u00f3mo s\u00e9 qu\u00e9 tratamiento necesito?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">A trav\u00e9s de una valoraci\u00f3n. La Dra. Emiliana \u00c1lvarez revisa tu salud oral, tus expectativas y las caracter\u00edsticas de tus dientes para recomendarte el plan m\u00e1s adecuado para ti.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:270ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">04<\/span><span>\u00bfPuedo conocer mis opciones antes de viajar a Medell\u00edn?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">S\u00ed. Con una valoraci\u00f3n virtual puedes conocer tus opciones iniciales desde casa antes de decidir viajar. El diagn\u00f3stico definitivo y el plan de tratamiento se confirman en la consulta presencial.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:320ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">05<\/span><span>\u00bfC\u00f3mo organizo mi viaje para realizarme el tratamiento en Medell\u00edn?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">Te ayudamos a planificar tu visita seg\u00fan las necesidades cl\u00ednicas y los tiempos estimados de tu tratamiento, para que organices tu viaje con informaci\u00f3n clara. Nuestros dise\u00f1os de sonrisa incluyen transporte desde el aeropuerto.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:370ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">06<\/span><span>\u00bfCu\u00e1nto cuesta un dise\u00f1o de sonrisa?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">El dise\u00f1o de sonrisa en resina parte desde 1.800 USD y en porcelana desde 3.500 USD. El valor final depende de tu caso y se define despu\u00e9s de la valoraci\u00f3n.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:420ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">07<\/span><span>\u00bfEs m\u00e1s econ\u00f3mico realizarme el tratamiento en Medell\u00edn que en Estados Unidos?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">El costo depende de cada caso. Despu\u00e9s de la valoraci\u00f3n recibir\u00e1s un presupuesto detallado, para que puedas compararlo con las opciones de tu pa\u00eds y tomar una decisi\u00f3n informada.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:470ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">08<\/span><span>\u00bfQu\u00e9 sucede cuando regreso a mi pa\u00eds?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">Antes de tu regreso recibir\u00e1s indicaciones de cuidado para tu tratamiento. Las condiciones de seguimiento se explican seg\u00fan tu caso durante la consulta.<\/div><\/div><\/div>\r\n    <\/li>\r\n    <li class=\"eafq-item eafq-reveal\" style=\"--d:520ms\">\r\n      <h3 class=\"eafq-h\"><button class=\"eafq-q\" type=\"button\"><span class=\"eafq-num\">09<\/span><span>\u00bfC\u00f3mo puedo agendar una valoraci\u00f3n?<\/span><span class=\"eafq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\"><path d=\"M2 8h12\"\/><path class=\"v\" d=\"M8 2v12\"\/><\/svg><\/span><\/button><\/h3>\r\n      <div class=\"eafq-panel\"><div><div class=\"eafq-a\">Puedes agendarla con el bot\u00f3n \u00abAgendar una valoraci\u00f3n\u00bb de esta secci\u00f3n. Cu\u00e9ntanos qu\u00e9 te gustar\u00eda mejorar y te orientaremos sobre los siguientes pasos.<\/div><\/div><\/div>\r\n    <\/li>\r\n  <\/ul>\r\n\r\n  <aside class=\"eafq-cta eafq-reveal\" style=\"--d:280ms\">\r\n    <p class=\"eafq-cta-title eafq-display\" role=\"heading\" aria-level=\"3\">\u00bfTienes m\u00e1s preguntas sobre tu <em>sonrisa?<\/em><\/p>\r\n    <p class=\"eafq-cta-text\">Cu\u00e9ntanos qu\u00e9 te gustar\u00eda mejorar y recibe orientaci\u00f3n sobre los siguientes pasos.<\/p>\r\n    <a class=\"eafq-btn\" href=\"#agendar\">Agendar una valoraci\u00f3n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n  <\/aside>\r\n<\/section>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.currentScript && document.currentScript.previousElementSibling;\r\n    if (!root || !root.classList || !root.classList.contains('eafq')) root = document.querySelector('.eafq:not(.eafq--ready)');\r\n    if (!root) return;\r\n    root.classList.add('eafq--ready');\r\n    var items = Array.prototype.slice.call(root.querySelectorAll('.eafq-item'));\r\n\r\n    \/* Acorde\u00f3n: una pregunta abierta a la vez *\/\r\n    items.forEach(function (item, i) {\r\n      var btn = item.querySelector('.eafq-q');\r\n      var panel = item.querySelector('.eafq-panel');\r\n      var id = 'eafq-r' + Math.random().toString(36).slice(2, 7) + i;\r\n      panel.id = id;\r\n      panel.setAttribute('role', 'region');\r\n      btn.setAttribute('aria-controls', id);\r\n      btn.setAttribute('aria-expanded', item.classList.contains('is-open') ? 'true' : 'false');\r\n      btn.addEventListener('click', function () {\r\n        var open = !item.classList.contains('is-open');\r\n        items.forEach(function (o) { o.classList.remove('is-open'); o.querySelector('.eafq-q').setAttribute('aria-expanded', 'false'); });\r\n        if (open) { item.classList.add('is-open'); btn.setAttribute('aria-expanded', 'true'); }\r\n      });\r\n    });\r\n\r\n    \/* Datos estructurados para Google (FAQPage), generados de las preguntas de arriba *\/\r\n    try {\r\n      var data = { '@context': 'https:\/\/schema.org', '@type': 'FAQPage', mainEntity: items.map(function (item) {\r\n        return { '@type': 'Question', name: item.querySelector('.eafq-q span:nth-child(2)').textContent.trim(),\r\n          acceptedAnswer: { '@type': 'Answer', text: item.querySelector('.eafq-a').textContent.trim() } };\r\n      }) };\r\n      var ld = document.createElement('script');\r\n      ld.type = 'application\/ld+json';\r\n      ld.textContent = JSON.stringify(data);\r\n      root.appendChild(ld);\r\n    } catch (e) {}\r\n\r\n    \/* Entrada escalonada *\/\r\n    function show() { root.classList.add('is-in'); }\r\n    if ('IntersectionObserver' in window) {\r\n      root.classList.add('eafq--js');\r\n      var io = new IntersectionObserver(function (en) { if (en[0].isIntersecting) { show(); io.disconnect(); } }, { threshold: 0.12 });\r\n      io.observe(root);\r\n      setTimeout(show, 3000);\r\n    } else show();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Especialista en Rehabilitaci\u00f3n Oral y Est\u00e9tica Dental \u00b7 Medell\u00edn, Colombia Dra. Emiliana \u00c1lvarez Cada sonrisa es diferente, y tu tratamiento tambi\u00e9n deber\u00eda serlo. Aqu\u00ed, tus deseos y necesidades son el punto de partida. La escucha cercana, la excelencia cl\u00ednica y la tecnolog\u00eda m\u00e1s avanzada se unen para dise\u00f1ar un plan personalizado que cuide tu salud [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-builder-content.php","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":144,"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/yesidwebportafolio.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}