/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
*/
/* 1) base: botones y enlaces tipo botón */
:where(a.elementor-button, button, [role="button"], .elementor-button){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:0.6em 1em; /* tu “solución rápida” */
}

/* 2) icon-buttons mini */
:where(.btn-icon, .elementor-button.elementor-size-xs){
  width:44px;
  height:44px;
  padding:0;
}

/* 3) botones del portfolio (ajusta el selector a tu widget/section) */
.portfolio :where(a.elementor-button, .elementor-button){
  min-width:44px;
  min-height:44px;
}

/* 4) enlaces dentro de texto: ampliar área clicable sin mover el layout */
:where(p a, li a):not(.elementor-button){
  position:relative;
}
:where(p a, li a):not(.elementor-button)::after{
  content:"";
  position:absolute;
  inset:-8px;            /* amplía ~16px total → suele alcanzar 44px de alto con la línea */
}

/* 5) excepciones: dots/bolitas del slider (no deben ser foco ni grandes) */
.swiper-pagination-bullet,
.elementor-swiper__dot{
  min-width:auto;
  min-height:auto;
  padding:0;
}

/* 6) solo en pantallas táctiles, si quieres ser más fino */
@media (pointer:coarse){
  :where(a.elementor-button, button, [role="button"], .elementor-button){
    min-width:44px;
    min-height:44px;