/* F11b: suavidad de toda la web. Una sola curva de la marca, propiedades concretas (nunca "all" ni linear), 150–250 ms. */
:root{--tdr-ease:cubic-bezier(.22,1,.36,1)}
/* Botones de Elementor */
html body .elementor-button{transition:transform .18s var(--tdr-ease),background-color .2s var(--tdr-ease),border-color .2s var(--tdr-ease),color .2s var(--tdr-ease),box-shadow .2s var(--tdr-ease)}
.elementor-button:active{transform:scale(.97)}
/* Enlaces, menú, redes y tarjetas */
.elementor-widget-text-editor a,.elementor-heading-title a{transition:color .2s var(--tdr-ease),opacity .2s var(--tdr-ease)}
html body .elementor-nav-menu a.elementor-item,html body .elementor-nav-menu--dropdown a{transition:color .2s var(--tdr-ease),background-color .2s var(--tdr-ease)}
html body .elementor-social-icon{transition:transform .25s var(--tdr-ease),background-color .2s var(--tdr-ease),color .2s var(--tdr-ease)}
.elementor-social-icon:hover{transform:translateY(-2px)}
.elementor-social-icon:active{transform:scale(.95)}
/* Menú del celular: abre y cierra con la misma curva */
html body .elementor-nav-menu--dropdown{transition:max-height .3s var(--tdr-ease),transform .3s var(--tdr-ease)!important}
.elementor-menu-toggle{transition:background-color .2s var(--tdr-ease),color .2s var(--tdr-ease)}
.elementor-menu-toggle:active{transform:scale(.94)}
/* Preguntas frecuentes (widget Toggle) */
.elementor-toggle .elementor-tab-title a,.elementor-toggle .elementor-toggle-icon{transition:color .2s var(--tdr-ease),transform .25s var(--tdr-ease)}
/* Foco visible igual en todo el sitio */
:where(a,button,[role="button"],[role="switch"],summary):focus-visible{outline:2px solid #E9B44C;outline-offset:3px;border-radius:4px}
/* Imágenes: aparecen sin saltos */
.elementor-widget-image img{transition:transform .5s var(--tdr-ease)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .elementor-button:active,.elementor-menu-toggle:active,.elementor-social-icon:hover,.elementor-social-icon:active{transform:none}
}
html body button.tdr-pick{transition:none}
html body .elementor-posts .elementor-post__card{transition:transform .3s var(--tdr-ease),box-shadow .3s var(--tdr-ease),border-color .2s var(--tdr-ease)}
html body .elementor-posts .elementor-post__thumbnail img{transition:transform .5s var(--tdr-ease)}

/* F14: botón "Consulta gratis" (contorno dorado; WhatsApp sigue siendo el relleno). La clase va en el widget de Elementor (.tdr-btn-gratis .elementor-button) o en el enlace del hero (a.tdr-btn). */
html body .tdr-btn-gratis .elementor-button,html body a.tdr-btn.tdr-btn-gratis,html body a.tdr-btn.tdr-btn-gratis:visited{background:transparent;color:#E9B44C;border:0;box-shadow:inset 0 0 0 1.5px #E9B44C}
html body .tdr-btn-gratis .elementor-button:hover,html body a.tdr-btn.tdr-btn-gratis:hover{background:rgba(233,180,76,.14);color:#F2C46A;box-shadow:inset 0 0 0 1.5px #F2C46A}
html body .tdr-sec.tdr-light .tdr-btn-gratis .elementor-button{color:#7A2420;box-shadow:inset 0 0 0 1.5px #7A2420}
html body .tdr-sec.tdr-light .tdr-btn-gratis .elementor-button:hover{background:rgba(122,36,32,.09);color:#7A2420}
/* Botón secundario de las cajas de los artículos (contorno crema) */
html body .tdr-btn-sec .elementor-button{background:transparent!important;color:#F6EFE2!important;border:0;box-shadow:inset 0 0 0 1.5px rgba(246,239,226,.6)}
html body .tdr-btn-sec .elementor-button:hover{background:rgba(246,239,226,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px #F6EFE2}
.tdr-hero .tdr-actions .tdr-btn-gratis{margin-top:0}
@media (max-width:767px){.tdr-hero .tdr-actions{width:100%;flex-direction:column;align-items:stretch;gap:10px}}
/* Cabecera: sin partir la fila entre 1030 y 1440 px */
.tdr-hdr .elementor-widget-button .elementor-button{white-space:nowrap}
/* Menú: "Consulta gratis" solo en el desplegable del celular (en escritorio ya está el botón de la cabecera). */
html body .elementor-nav-menu--main .menu-item.tdr-menu-gratis{display:none}
html body .elementor-nav-menu--dropdown .menu-item.tdr-menu-gratis>a{color:#E9B44C;font-weight:700}
/* Barra fija del celular: dos botones, mitad y mitad. */
html body .tdr-mbar{--flex-direction:row;--flex-wrap:nowrap;--container-widget-width:auto;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px}
html body .tdr-mbar>.elementor-widget{flex:1 1 0!important;min-width:0;width:auto!important;max-width:none}
.tdr-mbar .elementor-button{padding-left:8px;padding-right:8px;white-space:nowrap}
/* Cajas de los artículos: dos botones en fila (columna en celular) */
.tdr-wabox-btns>.elementor-widget{width:auto}
@media (max-width:767px){.tdr-wabox-btns>.elementor-widget{width:100%}}
/* F14: cabecera en una sola línea con el botón extra, de 1025 a 1279 px */
@media (min-width:1025px) and (max-width:1279px){
  html body .tdr-hdr .elementor-widget-button .elementor-button{font-size:15px;padding:12px 12px}
  html body .tdr-hdr .elementor-button .elementor-button-icon{margin-right:6px}
  html body .tdr-hdr .elementor-nav-menu--main .elementor-item{font-size:15px!important}
}
@media (min-width:1025px) and (max-width:1139px){
  html body .tdr-hdr .elementor-button .elementor-button-icon{display:none}
  .tdr-hdr .tdr-logo img,.tdr-hdr .elementor-widget-tdr-logo img{max-width:124px}
}
@media (min-width:1281px){html body .tdr-hdr>.e-con-inner{max-width:1400px}html body .tdr-hdr .elementor-nav-menu--main .elementor-item{padding-left:10px!important;padding-right:10px!important}}
@media (min-width:1025px) and (max-width:1179px){
  html body .tdr-hdr .elementor-widget-button .elementor-button{font-size:14px;padding:11px 10px}
  html body .tdr-hdr .elementor-nav-menu--main .elementor-item{font-size:14px!important;padding-left:2px!important;padding-right:2px!important}
  .tdr-hdr .tdr-logo img{width:112px}
}
@media (min-width:1281px) and (max-width:1379px){
  html body .tdr-hdr .elementor-widget-button .elementor-button{font-size:15px;padding:12px 14px}
  html body .tdr-hdr .elementor-nav-menu--main .elementor-item{font-size:15px!important;padding-left:5px!important;padding-right:5px!important}
}
@media (min-width:1025px) and (max-width:1069px){
  html body .tdr-hdr .elementor-nav-menu--main .elementor-item{font-size:13.5px!important;padding-left:1px!important;padding-right:1px!important}
  html body .tdr-hdr .elementor-widget-button .elementor-button{padding:10px 8px}
  html body .tdr-hdr>.e-con-inner{padding-left:12px;padding-right:12px}
}