.elementor-175900 .elementor-element.elementor-element-4726a13{margin-top:40px;margin-bottom:0px;padding:80px 80px 80px 80px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-175900 .elementor-element.elementor-element-c26b3e3{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-175900 .elementor-element.elementor-element-2d4e754.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-175900 .elementor-element.elementor-element-6a2f0d7{padding:60px 18px 60px 18px;}.elementor-175900 .elementor-element.elementor-element-fe18903{text-align:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-field-type-html{padding-bottom:0px;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-button[type="submit"]{color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-175900 .elementor-element.elementor-element-9133b66{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-175900 .elementor-element.elementor-element-7325fe2{width:var( --container-widget-width, 23.273% );max-width:23.273%;--container-widget-width:23.273%;--container-widget-flex-grow:0;}.elementor-175900 .elementor-element.elementor-element-a0fe54e{width:var( --container-widget-width, 93.625% );max-width:93.625%;--container-widget-width:93.625%;--container-widget-flex-grow:0;}body.elementor-page-175900:not(.elementor-motion-effects-element-type-background), body.elementor-page-175900 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-175900 .elementor-element.elementor-element-2d4e754.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-175900 .elementor-element.elementor-element-2d4e754.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* ==========================================================
   HEFESTO 2.2 — CSS LIMPIO (safe, sin :has, sin duplicados)
   Scope: SOLO esta landing por clases:
   - HERO: .hefesto-landing
   - Productos: .hefesto-products
   - Cards valor: .hefesto-card
========================================================== */

/* ---------------- Paleta / Tokens ---------------- */
:root{
  --hf-bg:   #070707;   /* negro base */
  --hf-bg2:  #0b0b0b;   /* negro elevación */
  --hf-text: rgba(255,255,255,.92);
  --hf-muted:rgba(255,255,255,.78);
  --hf-border:rgba(255,255,255,.14);

  --hf-cyan:#8fd7ff;    /* cian elegante */
  --hf-gold:#f1cf5a;    /* oro runa */

  --hf-shadow: 0 18px 50px rgba(0,0,0,.55);
}

/* ---------------- Fondo negro global (solo Hefesto) ---------------- */
/* Afecta a la sección hefesto y a las secciones siguientes en ESA página */
.hefesto-landing,
.hefesto-landing + section,
.hefesto-landing ~ section{
  background-color: var(--hf-bg) !important;
  color: var(--hf-text);
}

/* Evita wrappers blancos de Elementor dentro de la landing */
.hefesto-landing .elementor-section,
.hefesto-products .elementor-section{
  background-color: transparent !important;
}
.hefesto-landing .elementor-container,
.hefesto-landing .elementor-column,
.hefesto-products .elementor-container,
.hefesto-products .elementor-column{
  background: transparent !important;
}

/* Tipografía base */
.hefesto-landing,
.hefesto-products,
.hefesto-card{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ==================================================
   HERO (gradiente cae hacia abajo: no toca el header)
================================================== */
.hefesto-landing{
  position: relative;
  padding: 90px 22px;
  overflow: hidden;
  text-align: center;

  /* Glow hacia ABAJO para no invadir la franja superior */
  background:
    radial-gradient(1200px 600px at 50% 100%, rgba(143,215,255,.12), transparent 70%),
    radial-gradient(900px 500px at 80% 85%, rgba(241,207,90,.10), transparent 65%),
    linear-gradient(0deg, rgba(255,255,255,.04), transparent 55%),
    var(--hf-bg);
}

/* “ruido” sutil */
.hefesto-landing:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.02) 0px,
      rgba(255,255,255,.02) 1px,
      transparent 2px,
      transparent 6px
    );
  opacity:.18;
  pointer-events:none;
  mix-blend-mode: overlay;
}

/* Glow principal (abajo, estilo forja) */
.hefesto-landing:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-120px;
  width:1000px;
  height:700px;
  transform:translateX(-50%);
  background: radial-gradient(circle at 50% 70%, rgba(143,215,255,.22), transparent 65%);
  filter: blur(28px);
  opacity:.90;
  pointer-events:none;
}

/* H1 cinematográfico */
.hefesto-landing h1{
  margin: 0 0 14px !important;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--hf-cyan) !important;
  text-shadow:
    0 0 16px rgba(143,215,255,.18),
    0 0 36px rgba(143,215,255,.10),
    0 18px 60px rgba(0,0,0,.80);
}

/* Subtexto hero */
.hefesto-landing p{
  color: var(--hf-muted) !important;
  max-width: 820px;
  margin: 0 auto 26px !important;
  font-size: 1.06rem;
  line-height: 1.6;
}

/* Línea decorativa bajo el texto */
.hefesto-landing .elementor-widget-text-editor{
  position: relative;
}
.hefesto-landing .elementor-widget-text-editor:after{
  content:"";
  display:block;
  width: 120px;
  height: 2px;
  margin: 22px auto 0;
  background: linear-gradient(90deg, transparent, var(--hf-gold), transparent);
  opacity:.85;
}

/* Botón principal “runa oro” */
.hefesto-landing .elementor-button{
  border-radius: 16px !important;
  padding: 14px 22px !important;
  border: 1px solid rgba(241,207,90,.55) !important;
  color: rgba(255,255,255,.96) !important;

  background:
    radial-gradient(140px 70px at 50% 15%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(241,207,90,.30), rgba(241,207,90,.12)) !important;

  box-shadow:
    0 16px 40px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 34px rgba(241,207,90,.18) !important;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}

@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))){
  .hefesto-landing .elementor-button{
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}

.hefesto-landing .elementor-button:hover{
  transform: translateY(-2px);
  border-color: rgba(241,207,90,.80) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 46px rgba(241,207,90,.28) !important;
  filter: brightness(1.05);
}

/* Logo Hefesto si lo pones en el hero (widget Imagen) */
.hefesto-landing .elementor-widget-image img{
  background: transparent;
  mix-blend-mode: lighten;
  filter:
    brightness(1.05)
    contrast(1.1)
    drop-shadow(0 20px 40px rgba(0,0,0,.8));
}

/* ==================================================
   PRODUCTOS (vitrina)
================================================== */
.hefesto-products{
  padding: 55px 0 30px !important;
  background: transparent !important;
}

/* Oculta contador y ordering si no te interesa */
.hefesto-products .woocommerce-result-count,
.hefesto-products .woocommerce-ordering{
  display:none !important;
}

/* Card producto */
.hefesto-products .woocommerce ul.products li.product,
.hefesto-products ul.products li.product{
  border-radius: 18px;
  border: 1px solid var(--hf-border);
  background:
    radial-gradient(220px 120px at 50% 0%, rgba(143,215,255,.08), transparent 65%),
    rgba(255,255,255,.04);
  overflow: hidden;
  box-shadow: var(--hf-shadow);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}

.hefesto-products .woocommerce ul.products li.product:hover,
.hefesto-products ul.products li.product:hover{
  transform: translateY(-4px);
  border-color: rgba(143,215,255,.28);
  filter: brightness(1.03);
}

/* Imagen producto */
.hefesto-products .woocommerce ul.products li.product a img{
  margin: 0;
  width: 100%;
  height: 260px;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .22s ease;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.hefesto-products .woocommerce ul.products li.product:hover a img{
  transform: scale(1.06);
}

/* Título producto */
.hefesto-products .woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding: 14px 14px 0;
  color: rgba(255,255,255,.94) !important;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: none;
}

/* Precio */
.hefesto-products .woocommerce ul.products li.product .price{
  padding: 6px 14px 14px;
  color: rgba(241,207,90,.95) !important;
  font-weight: 800;
}

/* Botón añadir */
.hefesto-products .woocommerce ul.products li.product .button{
  margin: 0 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(241,207,90,.35) !important;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  padding: 12px 14px;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.hefesto-products .woocommerce ul.products li.product .button:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(241,207,90,.55) !important;
}

/* ==================================================
   CARDS DE VALOR (3 columnas)
================================================== */
.hefesto-card{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(260px 140px at 50% 0%, rgba(241,207,90,.10), transparent 65%),
    rgba(255,255,255,.04);
  box-shadow: var(--hf-shadow);
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
  padding: 30px 24px;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  .hefesto-card{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

.hefesto-card:hover{
  transform: translateY(-3px);
  border-color: rgba(241,207,90,.28);
  filter: brightness(1.02);
}

/* Título card */
.hefesto-card h2,
.hefesto-card h3{
  color: rgba(255,255,255,.96) !important;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: none;
  margin-top: 12px;
}

/* Texto card */
.hefesto-card p{
  color: rgba(255,255,255,.78) !important;
  line-height: 1.55;
}

/* Icono arriba */
.hefesto-card .elementor-icon{
  color: var(--hf-cyan) !important;
  filter: drop-shadow(0 10px 18px rgba(143,215,255,.18));
}

/* ==================================================
   MOBILE
================================================== */
@media (max-width: 767px){
  .hefesto-landing{ padding: 70px 16px; }
  .hefesto-landing h1{ font-size: 2.1rem; }
  .hefesto-landing p{ font-size: 1rem; }

  .hefesto-products .woocommerce ul.products li.product a img{
    height: 190px;
  }

  .hefesto-card{ margin-bottom: 16px; }
}

/* ============================
   ICONOS HEFESTO (imágenes)
============================ */

.hefesto-card .hefesto-icon{
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 18px;

  object-fit: contain;

  /* Hace que los negros se integren y el blanco brille */
  filter:
    brightness(1.4)
    contrast(1.1)
    drop-shadow(0 0 12px rgba(143,215,255,.25))
    drop-shadow(0 0 30px rgba(0,0,0,.8));

  opacity: .9;
  transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}

/* Hover mágico */
.hefesto-card:hover .hefesto-icon{
  transform: translateY(-4px) scale(1.05);
  filter:
    brightness(1.7)
    contrast(1.2)
    drop-shadow(0 0 18px rgba(143,215,255,.45))
    drop-shadow(0 0 40px rgba(241,207,90,.25));
  opacity: 1;
}
/* ============================
   ICONOS HEFESTO — ORO KINGDOM
============================ */

.hefesto-card .hefesto-icon{
  /* Convertimos el PNG negro en “oro luminoso” */
  filter:
    brightness(0) invert(1)             /* vuelve blanco */
    sepia(1) saturate(600%) hue-rotate(5deg)  /* lo tiñe de dorado */
    brightness(1.15)
    drop-shadow(0 0 10px rgba(241,207,90,.35))
    drop-shadow(0 0 28px rgba(241,207,90,.25))
    drop-shadow(0 18px 40px rgba(0,0,0,.85));
}

/* Hover aún más épico */
.hefesto-card:hover .hefesto-icon{
  filter:
    brightness(0) invert(1)
    sepia(1) saturate(750%) hue-rotate(5deg)
    brightness(1.35)
    drop-shadow(0 0 16px rgba(241,207,90,.55))
    drop-shadow(0 0 46px rgba(241,207,90,.35))
    drop-shadow(0 22px 60px rgba(0,0,0,.9));
}
/* ============================
   BLOQUE "TIENES UNA IDEA"
============================ */
.hefesto-idea{
  background: var(--hf-bg) !important;
}

.hefesto-idea__box{
  max-width: 980px;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 34px 26px;
  background:
    radial-gradient(520px 240px at 20% 0%, rgba(143,215,255,.10), transparent 60%),
    radial-gradient(520px 240px at 85% 10%, rgba(241,207,90,.10), transparent 60%),
    rgba(255,255,255,.04);
  box-shadow: var(--hf-shadow);
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  .hefesto-idea__box{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

.hefesto-idea h2{
  color: rgba(255,255,255,.96) !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  margin-bottom: 10px !important;
}

.hefesto-idea p{
  color: var(--hf-muted) !important;
  margin-bottom: 18px !important;
}

/* Inputs Elementor Form */
.hefesto-idea input,
.hefesto-idea textarea,
.hefesto-idea select{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  color: rgba(255,255,255,.92) !important;
}

.hefesto-idea textarea{ min-height: 140px; }

.hefesto-idea input:focus,
.hefesto-idea textarea:focus{
  outline: none !important;
  border-color: rgba(241,207,90,.55) !important;
  box-shadow: 0 0 0 3px rgba(241,207,90,.12);
}

/* Botón del form = runa oro */
.hefesto-idea .elementor-button{
  border-radius: 16px !important;
  border: 1px solid rgba(241,207,90,.60) !important;
  background:
    radial-gradient(140px 70px at 50% 15%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(241,207,90,.30), rgba(241,207,90,.12)) !important;
  color: rgba(255,255,255,.96) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 34px rgba(241,207,90,.18) !important;
}
.hefesto-idea .elementor-button:hover{
  transform: translateY(-2px);
  border-color: rgba(241,207,90,.85) !important;
}
/* ============================
   BLOQUE ESCULTOR — HEFESTO (LIMPIO)
   Requiere clases en Elementor:
   - Sección: hefesto-sculptor
   - Columna imagen: hefesto-sculptor__media
   - Widget imagen (o contenedor): hefesto-sculptor__img  (opcional: en el widget)
   - Columna texto: hefesto-sculptor__content
   - Contenedor botones: hefesto-sculptor__buttons
   - Botón Instagram: hf-btn hf-btn--gold
   - Botón ArtStation: hf-btn hf-btn--ghost
============================ */

/* Sección */
.hefesto-sculptor{
  position: relative;
  padding: 70px 0 !important;
  background: var(--hf-bg) !important;
  overflow: hidden;
}

/* Glow superior decorativo */
.hefesto-sculptor:before{
  content:"";
  position:absolute;
  left:50%;
  top:-40px;
  width: 1200px;
  height: 420px;
  transform: translateX(-50%);
  background:
    radial-gradient(520px 240px at 18% 20%, rgba(143,215,255,.10), transparent 60%),
    radial-gradient(520px 240px at 85% 25%, rgba(241,207,90,.10), transparent 60%);
  filter: blur(10px);
  opacity: .85;
  pointer-events:none;
  z-index: 0;
}

/* Limitar ancho sin pelear con Elementor */
.hefesto-sculptor .elementor-container,
.hefesto-sculptor .e-con{
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* Columnas */
.hefesto-sculptor__media,
.hefesto-sculptor__content{
  position: relative;
  z-index: 1;
}

/* ============================
   IMAGEN (marco + recorte bonito)
============================ */
.hefesto-sculptor__media{ padding: 14px; }

.hefesto-sculptor__img{
  border-radius: 24px;
  background:
    radial-gradient(260px 140px at 30% 0%, rgba(241,207,90,.10), transparent 65%),
    rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  padding: 12px;
  box-shadow: 0 22px 65px rgba(0,0,0,.60);
  overflow: hidden;
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  .hefesto-sculptor__img{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

/* Imagen en sí */
.hefesto-sculptor__img img{
  width: 100% !important;
  height: 520px !important;
  object-fit: cover !important;
  object-position: 45% 20% !important; /* ajusta encuadre */
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: var(--hf-shadow);
  background: rgba(255,255,255,.03);
  display: block;
}

/* ============================
   TEXTO
============================ */
.hefesto-sculptor__content{
  padding: 10px 10px 10px 24px;
}

.hefesto-sculptor__content h2,
.hefesto-sculptor__content h3{
  color: rgba(255,255,255,.96) !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  line-height: 1.05 !important;
  margin: 0 0 14px !important;

  /* Una línea en desktop, escalando suave */
  font-size: clamp(1.9rem, 2.35vw, 2.35rem) !important;
  white-space: nowrap;
}

/* Si metes un <span> dentro del título */
.hefesto-sculptor__content h2 span,
.hefesto-sculptor__content h3 span{
  color: var(--hf-cyan);
  text-shadow: 0 0 18px rgba(143,215,255,.16);
}

.hefesto-sculptor__content p{
  color: var(--hf-muted) !important;
  line-height: 1.65 !important;
  max-width: 560px;
  margin: 0;
}

/* Línea decorativa (no depende del widget) */
.hefesto-sculptor__content:after{
  content:"";
  display:block;
  width: 140px;
  height: 2px;
  margin-top: 18px;
  background: linear-gradient(90deg, var(--hf-gold), transparent);
  opacity: .85;
}

/* ============================
   BOTONES (alineados)
============================ */
.hefesto-sculptor__buttons{
  display: flex;
  gap: 16px;
  margin-top: 22px;
  align-items: center;
  flex-wrap: wrap; /* por si estrecha */
}

/* Base botón */
.hf-btn .elementor-button,
.elementor-button.hf-btn{
  border-radius: 16px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  font-size: .95rem !important;
  letter-spacing: .02em;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}

/* Gold */
.hf-btn--gold .elementor-button,
.elementor-button.hf-btn--gold{
  border: 1px solid rgba(241,207,90,.60) !important;
  color: rgba(255,255,255,.96) !important;
  background:
    radial-gradient(140px 70px at 50% 15%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(241,207,90,.30), rgba(241,207,90,.12)) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 34px rgba(241,207,90,.18) !important;
}

.hf-btn--gold .elementor-button:hover,
.elementor-button.hf-btn--gold:hover{
  transform: translateY(-2px);
  border-color: rgba(241,207,90,.85) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 46px rgba(241,207,90,.28) !important;
  filter: brightness(1.05);
}

/* Ghost */
.hf-btn--ghost .elementor-button,
.elementor-button.hf-btn--ghost{
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

.hf-btn--ghost .elementor-button:hover,
.elementor-button.hf-btn--ghost:hover{
  transform: translateY(-2px);
  border-color: rgba(143,215,255,.35) !important;
  filter: brightness(1.04);
}

/* ============================
   RESPONSIVE
============================ */
@media (max-width: 1024px){
  .hefesto-sculptor__content{ padding-left: 10px; }
  .hefesto-sculptor__img img{ height: 420px !important; }

  /* que no reviente en tablet */
  .hefesto-sculptor__content h2,
  .hefesto-sculptor__content h3{
    white-space: normal;
  }
}

@media (max-width: 767px){
  .hefesto-sculptor{ padding: 55px 0 !important; }
  .hefesto-sculptor__img img{
    height: 320px !important;
    object-position: 50% 18% !important;
  }
  .hefesto-sculptor__content p{ max-width: 100%; }
}
/* ==================================================
   BOTONES ESCULTOR — MÁS GRANDES Y LEGIBLES
================================================== */

.hf-btn .elementor-button,
.elementor-button.hf-btn{
  font-size: 1.05rem !important;      /* más grande */
  padding: 14px 26px !important;     /* más aire */
  border-radius: 18px !important;
  min-width: 150px;                  /* fuerza tamaño visual */
  text-align: center;
}

/* Botón oro (Instagram) */
.hf-btn--gold .elementor-button,
.elementor-button.hf-btn--gold{
  border: 1px solid rgba(241,207,90,.75) !important;
  background:
    radial-gradient(160px 80px at 50% 15%, rgba(255,255,255,.22), transparent 60%),
    linear-gradient(180deg, rgba(241,207,90,.38), rgba(241,207,90,.18)) !important;

  box-shadow:
    0 18px 45px rgba(0,0,0,.65),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 42px rgba(241,207,90,.28) !important;
}

/* Hover oro */
.hf-btn--gold .elementor-button:hover,
.elementor-button.hf-btn--gold:hover{
  transform: translateY(-3px) scale(1.03);
  filter: brightness(1.1);
  box-shadow:
    0 26px 70px rgba(0,0,0,.70),
    0 0 0 1px rgba(255,255,255,.16) inset,
    0 0 70px rgba(241,207,90,.35) !important;
}

/* Botón ghost (ArtStation) */
.hf-btn--ghost .elementor-button,
.elementor-button.hf-btn--ghost{
  font-size: 1.02rem !important;
  border: 1px solid rgba(143,215,255,.35) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.95) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.55),
    0 0 30px rgba(143,215,255,.12);
}

/* Hover ghost */
.hf-btn--ghost .elementor-button:hover,
.elementor-button.hf-btn--ghost:hover{
  transform: translateY(-3px) scale(1.03);
  border-color: rgba(143,215,255,.65) !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.65),
    0 0 50px rgba(143,215,255,.28);
}
/* ==================================================
   LAYOUT CORRECTO BOTONES ESCULTOR
================================================== */

/* Contenedor de los dos botones (el wrapper de Elementor) */
.hefesto-sculptor .elementor-widget-button,
.hefesto-sculptor .elementor-button-wrapper{
  display: inline-flex !important;
  gap: 18px;                     /* separación real entre botones */
  align-items: center;
}

/* Evitar que se monten uno sobre otro */
.hf-btn,
.hf-btn--gold,
.hf-btn--ghost{
  display: inline-flex !important;
}

/* Cada botón ocupa su propio espacio */
.hf-btn .elementor-button,
.elementor-button.hf-btn,
.elementor-button.hf-btn--gold,
.elementor-button.hf-btn--ghost{
  position: relative;
  z-index: 1;
}

/* Cuando haces hover y escala, no invade al vecino */
.hf-btn .elementor-button:hover,
.elementor-button.hf-btn:hover{
  z-index: 2;
}/* End custom CSS */