{"id":168,"date":"2026-04-06T09:27:30","date_gmt":"2026-04-06T09:27:30","guid":{"rendered":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/?page_id=168"},"modified":"2026-04-06T09:34:02","modified_gmt":"2026-04-06T09:34:02","slug":"elementor-168","status":"publish","type":"page","link":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/","title":{"rendered":"Elementor #168"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"168\" class=\"elementor elementor-168\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cd128b e-con-full e-flex e-con e-parent\" data-id=\"8cd128b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38de1e6 elementor-widget elementor-widget-html\" data-id=\"38de1e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Cl\u00ednicas Bidot \u2014 Selecci\u00f3n de demo<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;1,300&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\r\n:root{\r\n  --w:#FFFFFF;--off:#F3F3F1;--light:#E4E4E2;--mid:#8C8C8C;\r\n  --dk:#2C2C2C;--blk:#0E0E0E;\r\n  --r:9999px;--rc:22px;--rm:14px;\r\n  --serif:'Cormorant Garamond',Georgia,serif;\r\n  --sans:'DM Sans',system-ui,sans-serif;\r\n  --pad:48px;\r\n}\r\nhtml{scroll-behavior:smooth;}\r\nbody{\r\n  background:var(--w);\r\n  color:var(--dk);\r\n  font-family:var(--sans);\r\n  font-weight:300;\r\n  overflow-x:hidden;\r\n}\r\n\r\nnav{\r\n  position:fixed;top:18px;left:50%;transform:translateX(-50%);\r\n  z-index:400;\r\n  display:flex;align-items:center;justify-content:space-between;\r\n  background:rgba(255,255,255,.96);\r\n  backdrop-filter:blur(20px);\r\n  border:1px solid rgba(0,0,0,.08);\r\n  border-radius:var(--r);\r\n  padding:8px 8px 8px 20px;\r\n  box-shadow:0 2px 20px rgba(0,0,0,.07);\r\n  width:min(920px,calc(100vw - 32px));\r\n}\r\n.nav-logo{\r\n  display:flex;align-items:center;gap:8px;\r\n  font-family:var(--serif);font-size:17px;font-weight:300;\r\n  letter-spacing:.09em;color:var(--blk);text-decoration:none;\r\n}\r\n.nav-logo em{font-style:italic;}\r\n.nav-logo-mark{\r\n  width:26px;height:26px;border-radius:50%;\r\n  background:var(--blk);display:inline-block;flex-shrink:0;\r\n}\r\n.nav-mini{\r\n  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mid);\r\n}\r\n\r\n.hero{\r\n  position:relative;\r\n  min-height:100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.hero-bg{\r\n  position:absolute;inset:0;\r\n  background:\r\n    linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.72)),\r\n    url('https:\/\/hungry-pare.5-56-166-59.plesk.page\/wp-content\/uploads\/2026\/04\/Estetica-Bidot-28-scaled.jpg') center center\/cover no-repeat;\r\n  transform:scale(1.04);\r\n  animation:zoomHero 8s ease forwards;\r\n}\r\n.hero-content{\r\n  position:relative;z-index:2;\r\n  width:min(1120px,calc(100vw - 48px));\r\n  padding:120px 0 64px;\r\n}\r\n.hero-tag{\r\n  display:inline-flex;align-items:center;\r\n  font-size:11px;letter-spacing:.22em;text-transform:uppercase;\r\n  color:rgba(255,255,255,.74);\r\n  border:1px solid rgba(255,255,255,.26);\r\n  border-radius:var(--r);padding:7px 15px;\r\n  margin-bottom:26px;\r\n  animation:fup .8s .15s both;\r\n}\r\n.hero-title{\r\n  font-family:var(--serif);\r\n  font-size:clamp(52px,8vw,112px);\r\n  font-weight:300;line-height:.95;\r\n  color:var(--w);\r\n  max-width:900px;\r\n  margin-bottom:24px;\r\n  text-shadow:0 2px 20px rgba(0,0,0,.28);\r\n  animation:fup .85s .3s both;\r\n}\r\n.hero-title em{font-style:italic;}\r\n.hero-sub{\r\n  max-width:560px;\r\n  font-size:16px;line-height:1.9;\r\n  color:rgba(255,255,255,.76);\r\n  margin-bottom:42px;\r\n  text-shadow:0 1px 8px rgba(0,0,0,.35);\r\n  animation:fup .85s .45s both;\r\n}\r\n\r\n.demo-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:16px;\r\n  animation:fup .9s .6s both;\r\n}\r\n.demo-card{\r\n  background:rgba(255,255,255,.08);\r\n  backdrop-filter:blur(10px);\r\n  border:1px solid rgba(255,255,255,.14);\r\n  border-radius:28px;\r\n  padding:28px;\r\n  min-height:320px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  transition:transform .28s, border-color .28s, background .28s, box-shadow .28s;\r\n}\r\n.demo-card:hover{\r\n  transform:translateY(-6px);\r\n  background:rgba(255,255,255,.11);\r\n  border-color:rgba(255,255,255,.26);\r\n  box-shadow:0 18px 48px rgba(0,0,0,.18);\r\n}\r\n.demo-n{\r\n  font-size:11px;letter-spacing:.16em;text-transform:uppercase;\r\n  color:rgba(255,255,255,.48);\r\n  margin-bottom:14px;\r\n}\r\n.demo-name{\r\n  font-family:var(--serif);\r\n  font-size:40px;line-height:1;\r\n  font-weight:300;\r\n  color:var(--w);\r\n  margin-bottom:16px;\r\n}\r\n.demo-name em{font-style:italic;}\r\n.demo-text{\r\n  font-size:14px;line-height:1.9;\r\n  color:rgba(255,255,255,.68);\r\n  max-width:420px;\r\n}\r\n.demo-actions{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  margin-top:28px;\r\n}\r\n.demo-btn{\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  min-width:170px;\r\n  padding:14px 24px;\r\n  border-radius:var(--r);\r\n  text-decoration:none;\r\n  font-size:13px;font-weight:500;letter-spacing:.04em;\r\n  transition:transform .2s, opacity .25s, background .25s, color .25s, border-color .25s;\r\n}\r\n.demo-btn:hover{transform:translateY(-1px);}\r\n.demo-btn.primary{\r\n  background:var(--blk);\r\n  color:var(--w);\r\n}\r\n.demo-btn.secondary{\r\n  color:var(--w);\r\n  border:1.5px solid var(--blk);\r\n  background:var(--blk);\r\n}\r\n.demo-btn.secondary:hover{\r\n  border-color:rgba(255,255,255,.7);\r\n  background:rgba(255,255,255,.08);\r\n}\r\n.note{\r\n  margin-top:22px;\r\n  font-size:11px;letter-spacing:.08em;\r\n  color:rgba(255,255,255,.42);\r\n}\r\n\r\n.footer-copy{\r\n  position:absolute;\r\n  bottom:28px;left:50%;transform:translateX(-50%);\r\n  z-index:2;\r\n  font-size:11px;letter-spacing:.08em;\r\n  color:rgba(255,255,255,.28);\r\n  text-align:center;\r\n}\r\n\r\n@keyframes fup{\r\n  from{opacity:0;transform:translateY(22px)}\r\n  to{opacity:1;transform:none}\r\n}\r\n@keyframes zoomHero{\r\n  from{transform:scale(1.05)}\r\n  to{transform:scale(1)}\r\n}\r\n\r\n@media(max-width:768px){\r\n  :root{--pad:22px;}\r\n  nav{top:12px;padding:8px 14px;}\r\n  .nav-mini{display:none;}\r\n  .hero-content{width:calc(100vw - 32px);padding:108px 0 92px;}\r\n  .hero-title{font-size:clamp(42px,13vw,70px);}\r\n  .hero-sub{font-size:14px;max-width:100%;}\r\n  .demo-grid{grid-template-columns:1fr;}\r\n  .demo-card{min-height:auto;padding:24px;}\r\n  .demo-name{font-size:34px;}\r\n  .demo-actions{flex-direction:column;align-items:stretch;}\r\n  .demo-btn{width:100%;}\r\n  .footer-copy{bottom:18px;width:calc(100vw - 32px);}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav>\r\n  <a href=\"#\" class=\"nav-logo\">\r\n    <span class=\"nav-logo-mark\"><\/span>\r\n    Cl\u00ednicas <em>Bidot<\/em>\r\n  <\/a>\r\n  <div class=\"nav-mini\">Selecci\u00f3n de propuestas<\/div>\r\n<\/nav>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-tag\">Medicina est\u00e9tica \u00b7 demos web<\/div>\r\n    <h1 class=\"hero-title\">Elige la demo que<br><em>quieres revisar.<\/em><\/h1>\r\n    <p class=\"hero-sub\">Hemos preparado dos propuestas visuales para Cl\u00ednicas Bidot. Haz clic en la opci\u00f3n que quieras ver y comp\u00e1ranos cu\u00e1l encaja mejor con la l\u00ednea de marca, la experiencia y la imagen que quer\u00e9is proyectar.<\/p>\r\n\r\n    <div class=\"demo-grid\">\r\n      <article class=\"demo-card\">\r\n        <div>\r\n          <div class=\"demo-n\">Demo 01<\/div>\r\n          <h2 class=\"demo-name\">Propuesta <em>Editorial<\/em><\/h2>\r\n          <p class=\"demo-text\">Una versi\u00f3n elegante, sobria y muy visual. Pensada para transmitir autoridad m\u00e9dica, exclusividad y una est\u00e9tica limpia con protagonismo de la imagen.<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"demo-actions\">\r\n            <a href=\"https:\/\/hungry-pare.5-56-166-59.plesk.page\/?page_id=11\" class=\"demo-btn primary\" target=\"_blank\" rel=\"noopener noreferrer\">Ver demo 1<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"demo-card\">\r\n        <div>\r\n          <div class=\"demo-n\">Demo 02<\/div>\r\n          <h2 class=\"demo-name\">Propuesta <em>Minimal<\/em><\/h2>\r\n          <p class=\"demo-text\">Una alternativa m\u00e1s depurada y contempor\u00e1nea, con una navegaci\u00f3n muy clara y una presentaci\u00f3n m\u00e1s directa de tratamientos, equipo m\u00e9dico y contacto.<\/p>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"demo-actions\">\r\n            <a href=\"https:\/\/hungry-pare.5-56-166-59.plesk.page\/?page_id=16\" class=\"demo-btn secondary\" target=\"_blank\" rel=\"noopener noreferrer\">Ver demo 2<\/a>\r\n          <\/div>\r\n       \r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"footer-copy\">Cl\u00ednicas Bidot \u00b7 selecci\u00f3n de demos<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cl\u00ednicas Bidot \u2014 Selecci\u00f3n de demo Cl\u00ednicas Bidot Selecci\u00f3n de propuestas Medicina est\u00e9tica \u00b7 demos web Elige la demo quequieres revisar. Hemos preparado dos propuestas visuales para Cl\u00ednicas Bidot. Haz clic en la opci\u00f3n que quieras ver y comp\u00e1ranos cu\u00e1l encaja mejor con la l\u00ednea de marca, la experiencia y la imagen que quer\u00e9is proyectar. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=168"}],"version-history":[{"count":13,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/hungry-pare.5-56-166-59.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}