/* ==========================================================================
   EFECTOS VISUALES AVANZADOS (FILTROS, SOMBRAS, MÁSCARAS)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Efecto Líquido Brillante (Seguro para formas irregulares)
   -------------------------------------------------------------------------- */
/* Aplicamos el filtro al contenido de la clase, sin importar si es div, imagen o SVG */
.shape-liquid-effect div,
.shape-liquid-effect img,
.shape-liquid-effect svg {
  filter: url('#biury-3d-liquid') !important;
}

/* --------------------------------------------------------------------------
   VERSIÓN PRO: Efecto Líquido 3D Hiperrealista (Sombra Proyectada y Brillo Especular Estático)
   Clase CSS para Elementor: shape-liquid-pro
   -------------------------------------------------------------------------- */
.shape-liquid-pro div,
.shape-liquid-pro img,
.shape-liquid-pro svg,
.shape-liquid-pro .elementor-widget-container {
  filter: url('#biury-3d-liquid-pro') !important;
}

/* ==========================================================================
   OPCIÓN 2: FORMA DE PINTURA GENERADA 100% POR CSS 
   ========================================================================== */
/* Solución a prueba de fallos: El efecto 3D, el brillo y el sombreado están 
   incrustados (horneados) matemáticamente dentro de un SVG de fondo. 
   Esto garantiza que NO se estire, NO dependa de filtros externos y funcione al 100%. */
.css-dripping-paint {
  position: relative !important;
}

.css-dripping-paint::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 240px !important; /* Altura estricta ampliada para las gotas extra-largas y separadas */
  
  /* SVG de nivel hiperrealista: 
     - Múltiples formas orgánicas y asimétricas, hilos delgados y gotas cayendo.
     - La forma comienza a y=-100, garantizando que el borde en y=0 no tenga CERO sombras ni desenfoques.
     - El degradado usa coordenadas estáticas para asegurar un empate de color exacto arriba. */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 240' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='240' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23F440A8' /%3E%3Cstop offset='10%25' stop-color='%23F440A8' /%3E%3Cstop offset='50%25' stop-color='%23D8309A' /%3E%3Cstop offset='80%25' stop-color='%23FF88C2' /%3E%3Cstop offset='100%25' stop-color='%23600030' /%3E%3C/linearGradient%3E%3Cfilter id='hyper3d' x='-20%25' y='-20%25' width='140%25' height='140%25' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='7' result='blur1'/%3E%3CfeDiffuseLighting in='blur1' surfaceScale='12' diffuseConstant='1.4' lighting-color='%23ffffff' result='diffuse'%3E%3CfeDistantLight azimuth='270' elevation='40' /%3E%3C/feDiffuseLighting%3E%3CfeSpecularLighting in='blur1' surfaceScale='10' specularConstant='2.5' specularExponent='45' lighting-color='%23ffffff' result='specular'%3E%3CfeDistantLight azimuth='270' elevation='50' /%3E%3C/feSpecularLighting%3E%3CfeComposite in='diffuse' in2='SourceGraphic' operator='in' result='diffuseMasked'/%3E%3CfeBlend mode='multiply' in='diffuseMasked' in2='SourceGraphic' result='colorDiffuse'/%3E%3CfeComposite in='specular' in2='colorDiffuse' operator='arithmetic' k1='0' k2='1' k3='1' k4='0' result='final3d'/%3E%3CfeOffset in='SourceAlpha' dx='0' dy='-6' result='o1'/%3E%3CfeComposite in='SourceAlpha' in2='o1' operator='out' result='c1'/%3E%3CfeFlood flood-color='%23000' flood-opacity='0.8' result='fl1'/%3E%3CfeComposite in='fl1' in2='c1' operator='in' result='s1'/%3E%3CfeGaussianBlur in='s1' stdDeviation='4' result='shadow1'/%3E%3CfeMerge result='mergedBody'%3E%3CfeMergeNode in='final3d'/%3E%3CfeMergeNode in='shadow1'/%3E%3C/feMerge%3E%3CfeComposite in='mergedBody' in2='SourceAlpha' operator='in' result='clipped'/%3E%3CfeDropShadow in='clipped' dx='0' dy='10' stdDeviation='8' flood-color='%23000' flood-opacity='0.3' /%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23hyper3d)' fill='url(%23g)' d='M 0 -100 L 0 10 C 10 10, 15 40, 25 60 A 18 18 0 0 0 61 60 C 71 40, 76 10, 86 10 C 96 10, 96 35, 106 35 C 116 35, 116 10, 126 10 C 136 10, 140 40, 142 80 L 142 150 A 10 10 0 0 0 162 150 L 162 80 C 164 40, 168 10, 178 10 C 188 10, 198 10, 208 10 C 228 10, 238 60, 258 100 A 30 20 0 0 0 318 90 C 328 60, 328 20, 348 20 C 358 20, 368 50, 378 50 C 388 50, 398 20, 408 20 C 418 20, 423 40, 423 70 L 423 110 A 15 15 0 0 0 453 110 L 453 70 C 453 40, 458 20, 468 20 C 473 20, 478 30, 478 40 A 8 8 0 0 0 494 40 C 494 30, 499 20, 504 20 C 514 20, 524 10, 534 10 C 544 10, 546 50, 548 100 L 548 180 A 8 8 0 0 0 564 180 L 564 100 C 566 50, 568 10, 578 10 C 588 10, 598 20, 608 40 A 25 25 0 0 0 658 40 C 668 20, 678 10, 688 10 C 698 10, 708 30, 718 30 C 728 30, 738 10, 748 10 C 758 10, 763 50, 763 90 L 763 140 A 20 20 0 0 0 803 140 L 803 90 C 803 50, 808 10, 818 10 C 828 10, 838 5, 848 5 C 858 5, 858 40, 868 70 A 20 15 0 0 0 908 80 C 918 50, 908 10, 928 10 C 938 10, 943 30, 943 60 A 14 14 0 0 0 971 60 C 971 30, 976 10, 986 10 C 991 10, 996 10, 1000 10 L 1000 -100 Z' /%3E%3Ccircle cx='152' cy='180' r='6' filter='url(%23hyper3d)' fill='url(%23g)' /%3E%3Ccircle cx='556' cy='210' r='5' filter='url(%23hyper3d)' fill='url(%23g)' /%3E%3Ccircle cx='783' cy='180' r='8' filter='url(%23hyper3d)' fill='url(%23g)' /%3E%3Ccircle cx='957' cy='90' r='4' filter='url(%23hyper3d)' fill='url(%23g)' /%3E%3C/svg%3E") !important;
  
  /* Se repite cada 1000px de ancho y mantiene EXACTAMENTE sus 240px de alto. NUNCA se estira. */
  background-size: 1000px 240px !important;
  background-repeat: repeat-x !important;
  background-position: top left !important;
  
  z-index: 10 !important;
  pointer-events: none !important; /* No interfiere con los clics del usuario */
}

/* ==========================================================================
   OPCIÓN 3: REGADO DE PINTURA PLANO Y PERSONALIZABLE CON VARIABLES CSS
   ==========================================================================
   Reglas cumplidas:
   1. El regado empieza en la parte superior (top: 0).
   2. Color plano configurable con la variable --biury-drip-color (default: #F440A8).
   3. Distancia, escala y sombra controlables con variables CSS (--biury-drip-height, --biury-drip-repeat-width, etc.).
   4. Silueta 100% idéntica extraída por visión por computador de la imagen de referencia (hilos delgados y gotas de lágrima).
   5. Brillo líquido en la zona inferior de las gotas manteniendo el inicio (top 0-20%) 100% plano para empate perfecto.
   ========================================================================== */
.biury-paint-drip-flat,
.biury-paint-drip-top,
.biury-drip-flat {
  position: relative !important;
  /* Variables CSS con valores por defecto */
  --biury-drip-color: #F440A8;
  --biury-drip-height: 200px;
  --biury-drip-repeat-width: 2000px;
  --biury-drip-scale-y: 1;
  --biury-drip-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
  --biury-drip-shine: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0.12) 80%, rgba(0, 0, 0, 0.3) 100%);
  --biury-drip-z-index: 10;
}

.biury-paint-drip-flat::before,
.biury-paint-drip-top::before,
.biury-drip-flat::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: var(--biury-drip-height, 200px) !important;
  
  /* Capa de brillo en hilos y bulbos de lágrima + color plano de fondo */
  background-image: var(--biury-drip-shine) !important;
  background-color: var(--biury-drip-color, #F440A8) !important;
  
  /* Máscara SVG vectorial trazada exactamente de la imagen de referencia (viewBox 2000 x 300) */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 2000 300' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M%200%20-10%20L%202000.0%20-10%20L%201997.98%200.0%20C%201558.42%20-20.98%2C%20439.56%20-21.47%2C%200.0%200.0%20C%20-439.56%2021.47%2C%20-9.77%2078.57%2C%200.0%2097.58%20C%209.77%20116.59%2C%2027.53%2087.16%2C%2044.4%2086.43%20C%2061.27%2085.7%2C%2069.59%2081.85%2C%2076.69%2094.24%20C%2083.79%20106.63%2C%2064.26%20132.08%2C%2076.69%20142.75%20C%2089.12%20153.42%2C%20124.32%20151.34%2C%20133.2%20142.75%20C%20142.08%20134.16%2C%20113.94%20117.83%2C%20117.05%20103.72%20C%20120.16%2089.61%2C%20129.57%2074.45%2C%20147.33%2078.62%20C%20165.09%2082.79%2C%20188.01%20121.94%2C%20197.78%20122.68%20C%20207.55%20123.42%2C%20186.85%2092.4%2C%20191.73%2081.97%20C%20196.61%2071.54%2C%20187.57%2069.39%2C%20219.98%2075.28%20C%20252.39%2081.17%2C%20306.64%2078.32%2C%20339.05%20108.74%20C%20371.46%20139.16%2C%20348.22%20191.86%2C%20367.31%20213.57%20C%20386.4%20235.28%2C%20416.06%20223.75%2C%20425.83%20207.43%20C%20435.6%20191.11%2C%20402.39%20165.54%2C%20411.71%20139.41%20C%20421.03%20113.28%2C%20451.34%2094.18%2C%20468.21%2088.66%20C%20485.08%2083.14%2C%20478.19%20113.21%2C%20488.4%20114.31%20C%20498.61%20115.41%2C%20505.31%2086.07%2C%20514.63%2093.68%20C%20523.95%20101.29%2C%20521.01%20150.23%2C%20530.78%20148.88%20C%20540.55%20147.53%2C%20532.39%2093.56%2C%20559.03%2087.55%20C%20585.67%2081.54%2C%20607.03%20118.98%2C%20651.87%20121.56%20C%20696.71%20124.14%2C%20730.02%2089.81%2C%20762.87%2099.26%20C%20795.72%20108.71%2C%20786.12%20151.74%2C%20801.21%20164.5%20C%20816.3%20177.26%2C%20825.26%20168.29%2C%20831.48%20157.25%20C%20837.7%20146.21%2C%20809.49%20128.66%2C%20829.47%20114.31%20C%20849.45%2099.96%2C%20896.1%2090.78%2C%20922.3%2092.01%20C%20948.5%2093.24%2C%20939.22%20119.89%2C%20948.54%20119.89%20C%20957.86%20119.89%2C%20952.69%2093.73%2C%20964.68%2092.01%20C%20976.67%2090.29%2C%20994.15%2089.02%2C%201003.03%20112.08%20C%201011.91%20135.14%2C%20993.06%20180.16%2C%201005.05%20196.84%20C%201017.04%20213.52%2C%201047.31%20206.57%2C%201057.52%20187.92%20C%201067.73%20169.27%2C%201046.58%20127.66%2C%201051.46%20112.08%20C%201056.34%2096.5%2C%201071.73%20106.8%2C%201079.72%20117.1%20C%201087.71%20127.4%2C%201080.69%20160.02%2C%201087.79%20158.92%20C%201094.89%20157.82%2C%201094.25%20113.43%2C%201112.01%20112.08%20C%201129.77%20110.73%2C%201142.32%20148.74%2C%201168.52%20152.79%20C%201194.72%20156.84%2C%201206.66%20132.93%2C%201231.08%20130.48%20C%201255.5%20128.03%2C%201263.54%20127.78%2C%201279.52%20141.64%20C%201295.5%20155.5%2C%201305.51%20167.36%2C%201303.73%20193.49%20C%201301.95%20219.62%2C%201268.33%20241.27%2C%201271.44%20260.41%20C%201274.55%20279.55%2C%201296.55%20279.62%2C%201317.86%20280.48%20C%201339.17%20281.34%2C%201363.43%20280.99%2C%201368.31%20264.31%20C%201373.19%20247.63%2C%201340.5%20234.95%2C%201340.06%20204.65%20C%201339.62%20174.35%2C%201349.43%20127.56%2C%201366.3%20126.58%20C%201383.17%20125.6%2C%201402.99%20196.14%2C%201416.75%20200.19%20C%201430.51%20204.24%2C%201412.43%20165.59%2C%201428.86%20144.98%20C%201445.29%20124.37%2C%201471.88%20107.98%2C%201491.42%20106.51%20C%201510.96%20105.04%2C%201508.78%20138.05%2C%201517.66%20138.29%20C%201526.54%20138.53%2C%201525.58%2097.56%2C%201531.79%20107.62%20C%201538.0%20117.68%2C%201534.81%20165.49%2C%201545.91%20184.01%20C%201557.01%20202.53%2C%201572.47%20207.89%2C%201582.24%20191.82%20C%201592.01%20175.75%2C%201575.66%20127.9%2C%201590.31%20110.97%20C%201604.96%2094.04%2C%201631.97%20104.93%2C%201648.84%20114.87%20C%201665.71%20124.81%2C%201659.9%20155.39%2C%201667.0%20156.13%20C%201674.1%20156.87%2C%201662.93%20132.2%2C%201681.13%20118.22%20C%201699.34%20104.24%2C%201730.21%2091.71%2C%201749.75%2092.57%20C%201769.29%2093.43%2C%201759.72%20122.37%2C%201769.93%20122.12%20C%201780.14%20121.87%2C%201790.84%2089.24%2C%201796.17%2091.45%20C%201801.5%2093.66%2C%201788.82%20122.47%2C%201794.15%20132.16%20C%201799.48%20141.85%2C%201812.39%20144.95%2C%201820.38%20135.5%20C%201828.37%20126.05%2C%201821.15%2092.53%2C%201830.47%2089.22%20C%201839.79%2085.91%2C%201859.21%20103.52%2C%201862.76%20120.45%20C%201866.31%20137.38%2C%201841.29%20153.54%2C%201846.62%20166.17%20C%201851.95%20178.8%2C%201868.78%20178.12%2C%201886.98%20177.88%20C%201905.18%20177.64%2C%201921.81%20179.17%2C%201929.36%20165.06%20C%201936.91%20150.95%2C%201906.19%20129.09%2C%201921.29%20113.75%20C%201936.39%2098.41%2C%201981.11%20120.38%2C%201997.98%2095.35%20C%202014.85%2070.32%2C%202437.54%2020.98%2C%201997.98%200.0%20Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 2000 300' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M%200%20-10%20L%202000.0%20-10%20L%201997.98%200.0%20C%201558.42%20-20.98%2C%20439.56%20-21.47%2C%200.0%200.0%20C%20-439.56%2021.47%2C%20-9.77%2078.57%2C%200.0%2097.58%20C%209.77%20116.59%2C%2027.53%2087.16%2C%2044.4%2086.43%20C%2061.27%2085.7%2C%2069.59%2081.85%2C%2076.69%2094.24%20C%2083.79%20106.63%2C%2064.26%20132.08%2C%2076.69%20142.75%20C%2089.12%20153.42%2C%20124.32%20151.34%2C%20133.2%20142.75%20C%20142.08%20134.16%2C%20113.94%20117.83%2C%20117.05%20103.72%20C%20120.16%2089.61%2C%20129.57%2074.45%2C%20147.33%2078.62%20C%20165.09%2082.79%2C%20188.01%20121.94%2C%20197.78%20122.68%20C%20207.55%20123.42%2C%20186.85%2092.4%2C%20191.73%2081.97%20C%20196.61%2071.54%2C%20187.57%2069.39%2C%20219.98%2075.28%20C%20252.39%2081.17%2C%20306.64%2078.32%2C%20339.05%20108.74%20C%20371.46%20139.16%2C%20348.22%20191.86%2C%20367.31%20213.57%20C%20386.4%20235.28%2C%20416.06%20223.75%2C%20425.83%20207.43%20C%20435.6%20191.11%2C%20402.39%20165.54%2C%20411.71%20139.41%20C%20421.03%20113.28%2C%20451.34%2094.18%2C%20468.21%2088.66%20C%20485.08%2083.14%2C%20478.19%20113.21%2C%20488.4%20114.31%20C%20498.61%20115.41%2C%20505.31%2086.07%2C%20514.63%2093.68%20C%20523.95%20101.29%2C%20521.01%20150.23%2C%20530.78%20148.88%20C%20540.55%20147.53%2C%20532.39%2093.56%2C%20559.03%2087.55%20C%20585.67%2081.54%2C%20607.03%20118.98%2C%20651.87%20121.56%20C%20696.71%20124.14%2C%20730.02%2089.81%2C%20762.87%2099.26%20C%20795.72%20108.71%2C%20786.12%20151.74%2C%20801.21%20164.5%20C%20816.3%20177.26%2C%20825.26%20168.29%2C%20831.48%20157.25%20C%20837.7%20146.21%2C%20809.49%20128.66%2C%20829.47%20114.31%20C%20849.45%2099.96%2C%20896.1%2090.78%2C%20922.3%2092.01%20C%20948.5%2093.24%2C%20939.22%20119.89%2C%20948.54%20119.89%20C%20957.86%20119.89%2C%20952.69%2093.73%2C%20964.68%2092.01%20C%20976.67%2090.29%2C%20994.15%2089.02%2C%201003.03%20112.08%20C%201011.91%20135.14%2C%20993.06%20180.16%2C%201005.05%20196.84%20C%201017.04%20213.52%2C%201047.31%20206.57%2C%201057.52%20187.92%20C%201067.73%20169.27%2C%201046.58%20127.66%2C%201051.46%20112.08%20C%201056.34%2096.5%2C%201071.73%20106.8%2C%201079.72%20117.1%20C%201087.71%20127.4%2C%201080.69%20160.02%2C%201087.79%20158.92%20C%201094.89%20157.82%2C%201094.25%20113.43%2C%201112.01%20112.08%20C%201129.77%20110.73%2C%201142.32%20148.74%2C%201168.52%20152.79%20C%201194.72%20156.84%2C%201206.66%20132.93%2C%201231.08%20130.48%20C%201255.5%20128.03%2C%201263.54%20127.78%2C%201279.52%20141.64%20C%201295.5%20155.5%2C%201305.51%20167.36%2C%201303.73%20193.49%20C%201301.95%20219.62%2C%201268.33%20241.27%2C%201271.44%20260.41%20C%201274.55%20279.55%2C%201296.55%20279.62%2C%201317.86%20280.48%20C%201339.17%20281.34%2C%201363.43%20280.99%2C%201368.31%20264.31%20C%201373.19%20247.63%2C%201340.5%20234.95%2C%201340.06%20204.65%20C%201339.62%20174.35%2C%201349.43%20127.56%2C%201366.3%20126.58%20C%201383.17%20125.6%2C%201402.99%20196.14%2C%201416.75%20200.19%20C%201430.51%20204.24%2C%201412.43%20165.59%2C%201428.86%20144.98%20C%201445.29%20124.37%2C%201471.88%20107.98%2C%201491.42%20106.51%20C%201510.96%20105.04%2C%201508.78%20138.05%2C%201517.66%20138.29%20C%201526.54%20138.53%2C%201525.58%2097.56%2C%201531.79%20107.62%20C%201538.0%20117.68%2C%201534.81%20165.49%2C%201545.91%20184.01%20C%201557.01%20202.53%2C%201572.47%20207.89%2C%201582.24%20191.82%20C%201592.01%20175.75%2C%201575.66%20127.9%2C%201590.31%20110.97%20C%201604.96%2094.04%2C%201631.97%20104.93%2C%201648.84%20114.87%20C%201665.71%20124.81%2C%201659.9%20155.39%2C%201667.0%20156.13%20C%201674.1%20156.87%2C%201662.93%20132.2%2C%201681.13%20118.22%20C%201699.34%20104.24%2C%201730.21%2091.71%2C%201749.75%2092.57%20C%201769.29%2093.43%2C%201759.72%20122.37%2C%201769.93%20122.12%20C%201780.14%20121.87%2C%201790.84%2089.24%2C%201796.17%2091.45%20C%201801.5%2093.66%2C%201788.82%20122.47%2C%201794.15%20132.16%20C%201799.48%20141.85%2C%201812.39%20144.95%2C%201820.38%20135.5%20C%201828.37%20126.05%2C%201821.15%2092.53%2C%201830.47%2089.22%20C%201839.79%2085.91%2C%201859.21%20103.52%2C%201862.76%20120.45%20C%201866.31%20137.38%2C%201841.29%20153.54%2C%201846.62%20166.17%20C%201851.95%20178.8%2C%201868.78%20178.12%2C%201886.98%20177.88%20C%201905.18%20177.64%2C%201921.81%20179.17%2C%201929.36%20165.06%20C%201936.91%20150.95%2C%201906.19%20129.09%2C%201921.29%20113.75%20C%201936.39%2098.41%2C%201981.11%20120.38%2C%201997.98%2095.35%20C%202014.85%2070.32%2C%202437.54%2020.98%2C%201997.98%200.0%20Z'/%3E%3C/svg%3E") !important;
  
  -webkit-mask-size: var(--biury-drip-repeat-width, 2000px) 100% !important;
  mask-size: var(--biury-drip-repeat-width, 2000px) 100% !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
  -webkit-mask-position: top left !important;
  mask-position: top left !important;
  
  filter: drop-shadow(var(--biury-drip-shadow, 0 12px 24px rgba(0,0,0,0.22))) !important;
  transform: scaleY(var(--biury-drip-scale-y, 1));
  transform-origin: top center;
  z-index: var(--biury-drip-z-index, 10) !important;
  pointer-events: none !important;
}

/* --------------------------------------------------------------------------
   Efecto Glassmorphism (Frosted Glass) sobre imágenes
   -------------------------------------------------------------------------- */
/* Buscamos automáticamente el contenedor directo de la imagen (tu span o div final) 
   para aplicar el vidrio EXACTAMENTE sobre la foto y no sobre toda la tarjeta */
.glossy-effect-card *:has(> img),
.glossy-effect-card.elementor-widget-image .elementor-widget-container {
  position: relative !important;
  isolation: isolate; /* Crea un contexto 3D estricto para forzar el vidrio por encima de la imagen */
  overflow: hidden;
  /* Heredamos el radio del contenedor padre, si lo tiene */
  border-radius: inherit;
}

/* Forzamos que si es un span inline, pueda abrazar el tamaño de la imagen */
span.glossy-effect-card:has(> img),
.glossy-effect-card span:has(> img) {
  display: inline-block;
  max-width: 100%;
}

/* Generamos el panel de cristal sobre el envoltorio directo de la imagen */
.glossy-effect-card *:has(> img)::after,
.glossy-effect-card.elementor-widget-image .elementor-widget-container::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important; /* Cubre top, right, bottom y left perfectamente */
  
  /* Estilo Glassmorphism (Cristal Esmerilado) - Ultra Sutil */
  background: rgba(255, 255, 255, 0.02) !important;
  backdrop-filter: blur(1px) !important;
  -webkit-backdrop-filter: blur(1px) !important;
  
  /* Borde brillante asimétrico delicado */
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.02) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.08), 0 4px 16px rgba(0,0,0,0.03) !important;
  
  border-radius: inherit !important;
  pointer-events: none !important;
  transition: opacity 0.6s ease, backdrop-filter 0.6s ease !important;
  z-index: 10 !important; /* Nivel alto para sobreponer a la imagen */
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   MODIFICADORES DE FORMA PARA GLOSSY EFFECT (.glossy-circle, .glossy-square, .glossy-rect)
   -------------------------------------------------------------------------- */

/* 1. FORMA CIRCULAR (.glossy-circle) */
.glossy-circle *:has(> img)::after,
.glossy-circle.elementor-widget-image .elementor-widget-container::after {
  inset: auto !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  -webkit-clip-path: inset(0 round 50%) !important;
  clip-path: inset(0 round 50%) !important;
  box-sizing: border-box !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.glossy-circle img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

/* 2. FORMA CUADRADA (.glossy-square) */
.glossy-square *:has(> img)::after,
.glossy-square.elementor-widget-image .elementor-widget-container::after {
  inset: auto !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 20px !important;
  -webkit-clip-path: inset(0 round 20px) !important;
  clip-path: inset(0 round 20px) !important;
  box-sizing: border-box !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.glossy-square img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
}

/* 2B. FORMA CUADRADA SIMPLE SIN BORDE (.glossy-square-normal) */
.glossy-square-normal *:has(> img)::after,
.glossy-square-normal.elementor-widget-image .elementor-widget-container::after {
  inset: auto !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 20px !important;
  -webkit-clip-path: inset(0 round 20px) !important;
  clip-path: inset(0 round 20px) !important;
  box-sizing: border-box !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.glossy-square-normal img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
}

/* 3. FORMA RECTANGULAR (.glossy-rect / .glossy-rectangle) */
.glossy-rect *:has(> img)::after,
.glossy-rect.elementor-widget-image .elementor-widget-container::after,
.glossy-rectangle *:has(> img)::after,
.glossy-rectangle.elementor-widget-image .elementor-widget-container::after {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 20px !important;
  -webkit-clip-path: inset(0 round 20px) !important;
  clip-path: inset(0 round 20px) !important;
  box-sizing: border-box !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.glossy-rect img,
.glossy-rectangle img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
}

/* Hover INDIVIDUAL: El cristal desaparece solo cuando pasas el mouse por LA IMAGEN ESPECÍFICA (ideal para carruseles) */
.glossy-effect-card *:has(> img):hover::after,
.glossy-effect-card.elementor-widget-image .elementor-widget-container:hover::after {
  opacity: 0 !important;
  backdrop-filter: blur(0px) !important;
  -webkit-backdrop-filter: blur(0px) !important;
}

/* Ocultar borde del icono SVG en el carrusel SOLO cuando se usan nuestras clases glossy */
.glossy-circle .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-circle.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-circle .ecomus-image-box-carousel__type--icon .ecomus-svg-icon,
.glossy-square .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-square.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-square .ecomus-image-box-carousel__type--icon .ecomus-svg-icon,
.glossy-square-normal .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-square-normal.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-square-normal .ecomus-image-box-carousel__type--icon .ecomus-svg-icon,
.glossy-rect .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-rect.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-rect .ecomus-image-box-carousel__type--icon .ecomus-svg-icon,
.glossy-rectangle .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-rectangle.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-rectangle .ecomus-image-box-carousel__type--icon .ecomus-svg-icon,
.glossy-effect-card .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-effect-card.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.glossy-effect-card .ecomus-image-box-carousel__type--icon .ecomus-svg-icon,
.carrusel-categoria-destacada .ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.carrusel-categoria-destacada.ecomus-image-box-carousel__type--icon .ecomus-image-box-carousel__link .ecomus-svg-icon,
.carrusel-categoria-destacada .ecomus-image-box-carousel__type--icon .ecomus-svg-icon {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* EN MOBILE / PANTALLAS TÁCTILES: Desactivar totalmente el efecto blur/cristal para máxima nitidez */
@media (max-width: 768px), (hover: none) {
  .glossy-effect-card *:has(> img)::after,
  .glossy-effect-card.elementor-widget-image .elementor-widget-container::after,
  .glossy-circle *:has(> img)::after,
  .glossy-circle.elementor-widget-image .elementor-widget-container::after,
  .glossy-square *:has(> img)::after,
  .glossy-square.elementor-widget-image .elementor-widget-container::after,
  .glossy-square-normal *:has(> img)::after,
  .glossy-square-normal.elementor-widget-image .elementor-widget-container::after,
  .glossy-rect *:has(> img)::after,
  .glossy-rect.elementor-widget-image .elementor-widget-container::after,
  .glossy-rectangle *:has(> img)::after,
  .glossy-rectangle.elementor-widget-image .elementor-widget-container::after,
  .carrusel-categoria-destacada .glossy-effect-card *:has(> img)::after,
  .carrusel-categoria-destacada.glossy-effect-card .elementor-widget-container::after,
  .carrusel-categoria-destacada .ecomus-image-box-carousel__item *:has(> img)::after {
    display: none !important;
    opacity: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   COMPATIBILIDAD CON EL EDITOR DE ELEMENTOR (SAFE MODE PARA EDICIÓN)
   Evita que los pseudo-elementos ::after, filtros blur o clip-paths
   rompan los controles, el carrusel de categorías o las cajas en Elementor Editor
   ========================================================================== */
body.elementor-editor-active .glossy-effect-card *:has(> img)::after,
body.elementor-editor-active .glossy-effect-card.elementor-widget-image .elementor-widget-container::after,
body.elementor-editor-active .glossy-circle *:has(> img)::after,
body.elementor-editor-active .glossy-circle.elementor-widget-image .elementor-widget-container::after,
body.elementor-editor-active .glossy-square *:has(> img)::after,
body.elementor-editor-active .glossy-square.elementor-widget-image .elementor-widget-container::after,
body.elementor-editor-active .glossy-square-normal *:has(> img)::after,
body.elementor-editor-active .glossy-square-normal.elementor-widget-image .elementor-widget-container::after,
body.elementor-editor-active .glossy-rect *:has(> img)::after,
body.elementor-editor-active .glossy-rect.elementor-widget-image .elementor-widget-container::after,
body.elementor-editor-active .glossy-rectangle *:has(> img)::after,
body.elementor-editor-active .glossy-rectangle.elementor-widget-image .elementor-widget-container::after,
body.elementor-editor-active .carrusel-categoria-destacada .glossy-effect-card *:has(> img)::after,
body.elementor-editor-active .carrusel-categoria-destacada.glossy-effect-card .elementor-widget-container::after,
body.elementor-editor-active .carrusel-categoria-destacada .ecomus-image-box-carousel__item *:has(> img)::after,
body.elementor-editor-active .glossy-effect-card::after,
body.elementor-editor-active .glossy-square::after,
body.elementor-editor-active .glossy-square-normal::after,
body.elementor-editor-active .glossy-circle::after,
body.elementor-editor-active .glossy-rect::after,
body.elementor-editor-preview .glossy-effect-card *:has(> img)::after,
body.elementor-editor-preview .glossy-square *:has(> img)::after,
body.elementor-editor-preview .glossy-square-normal *:has(> img)::after,
body.elementor-editor-preview .glossy-circle *:has(> img)::after {
  display: none !important;
  opacity: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  content: none !important;
}

body.elementor-editor-active .glossy-effect-card *:has(> img),
body.elementor-editor-active .glossy-square *:has(> img),
body.elementor-editor-active .glossy-square-normal *:has(> img),
body.elementor-editor-active .glossy-circle *:has(> img),
body.elementor-editor-active .glossy-rect *:has(> img) {
  isolation: auto !important;
}

body.elementor-editor-active .ecomus-image-box-carousel__image,
body.elementor-editor-active .glossy-square .ecomus-image-box-carousel__image,
body.elementor-editor-active .glossy-square-normal .ecomus-image-box-carousel__image,
body.elementor-editor-active .glossy-circle .ecomus-image-box-carousel__image,
body.elementor-editor-active .glossy-rect .ecomus-image-box-carousel__image {
  overflow: visible !important;
}

body.elementor-editor-active .glossy-square.elementor-widget-image .elementor-widget-container,
body.elementor-editor-active .glossy-square-normal.elementor-widget-image .elementor-widget-container,
body.elementor-editor-active .glossy-circle.elementor-widget-image .elementor-widget-container,
body.elementor-editor-active .glossy-rect.elementor-widget-image .elementor-widget-container {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.elementor-editor-active .ecomus-image-box-carousel .swiper-slide,
body.elementor-editor-active .ecomus-image-box-carousel__item {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ==========================================================================
   CAUTION TAPE BACKGROUND (ZONA DE PELIGRO)
   ========================================================================== */
/* Generado 100% con matemáticas SVG para evadir problemas de derechos de autor.
   Coloca cintas de peligro de un tamaño más discreto EXCLUSIVAMENTE 
   en las esquinas superior-izquierda e inferior-derecha. */
.caution-tape-background {
  position: relative;
  width: 100%;
  background-color: transparent;
  
  /* Capa 1: Esquina Superior Izquierda 
     Capa 2: Esquina Inferior Derecha */
  background-image: 
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stripes' width='40' height='40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='40' height='40' fill='%23FCCC00' /%3E%3Crect width='20' height='40' fill='%23181818' /%3E%3C/pattern%3E%3ClinearGradient id='lighting' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.4' /%3E%3Cstop offset='15%25' stop-color='%23ffffff' stop-opacity='0.0' /%3E%3Cstop offset='85%25' stop-color='%23000000' stop-opacity='0.0' /%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.5' /%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-50%25' y='-500%25' width='200%25' height='1000%25'%3E%3CfeDropShadow dx='2' dy='8' stdDeviation='6' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/filter%3E%3Cg id='tape'%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23stripes)' /%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23lighting)' /%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23tape' transform='translate(150, 90) rotate(-32) scale(0.8)' filter='url(%23shadow)' opacity='0.9' /%3E%3Cuse href='%23tape' transform='translate(90, 150) rotate(-55) scale(0.9)' filter='url(%23shadow)' /%3E%3Cuse href='%23tape' transform='translate(120, 120) rotate(-43) scale(1.1)' filter='url(%23shadow)' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stripes' width='40' height='40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='40' height='40' fill='%23FCCC00' /%3E%3Crect width='20' height='40' fill='%23181818' /%3E%3C/pattern%3E%3ClinearGradient id='lighting' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.4' /%3E%3Cstop offset='15%25' stop-color='%23ffffff' stop-opacity='0.0' /%3E%3Cstop offset='85%25' stop-color='%23000000' stop-opacity='0.0' /%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.5' /%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-50%25' y='-500%25' width='200%25' height='1000%25'%3E%3CfeDropShadow dx='2' dy='8' stdDeviation='6' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/filter%3E%3Cg id='tape'%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23stripes)' /%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23lighting)' /%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23tape' transform='translate(250, 310) rotate(-32) scale(0.8)' filter='url(%23shadow)' opacity='0.9' /%3E%3Cuse href='%23tape' transform='translate(310, 250) rotate(-55) scale(0.9)' filter='url(%23shadow)' /%3E%3Cuse href='%23tape' transform='translate(280, 280) rotate(-43) scale(1.1)' filter='url(%23shadow)' /%3E%3C/svg%3E");
  
  /* Obliga a las imágenes a ocupar solo 400x400 píxeles, sin importar cuán grande sea la pantalla */
  background-size: 400px 400px, 400px 400px;
  
  /* Posiciona cada grupo de cintas en sus esquinas respectivas */
  background-position: top left, bottom right;
  
  /* Evita que se repitan por todo el fondo */
  background-repeat: no-repeat, no-repeat;
}

/* Variante Animada: Las cintas se mueven continuamente */
.caution-tape-animated {
  position: relative;
  width: 100%;
  background-color: transparent;
  background-image: 
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stripes' width='40' height='40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='40' height='40' fill='%23FCCC00' /%3E%3Crect width='20' height='40' fill='%23181818' /%3E%3C/pattern%3E%3ClinearGradient id='lighting' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.4' /%3E%3Cstop offset='15%25' stop-color='%23ffffff' stop-opacity='0.0' /%3E%3Cstop offset='85%25' stop-color='%23000000' stop-opacity='0.0' /%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.5' /%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-50%25' y='-500%25' width='200%25' height='1000%25'%3E%3CfeDropShadow dx='2' dy='8' stdDeviation='6' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/filter%3E%3Cg id='tape'%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23stripes)'%3E%3Canimate attributeName='x' from='-1000' to='-960' dur='1.5s' repeatCount='indefinite' /%3E%3C/rect%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23lighting)' /%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23tape' transform='translate(150, 90) rotate(-32) scale(0.8)' filter='url(%23shadow)' opacity='0.9' /%3E%3Cuse href='%23tape' transform='translate(90, 150) rotate(-55) scale(0.9)' filter='url(%23shadow)' /%3E%3Cuse href='%23tape' transform='translate(120, 120) rotate(-43) scale(1.1)' filter='url(%23shadow)' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stripes' width='40' height='40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='40' height='40' fill='%23FCCC00' /%3E%3Crect width='20' height='40' fill='%23181818' /%3E%3C/pattern%3E%3ClinearGradient id='lighting' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffffff' stop-opacity='0.4' /%3E%3Cstop offset='15%25' stop-color='%23ffffff' stop-opacity='0.0' /%3E%3Cstop offset='85%25' stop-color='%23000000' stop-opacity='0.0' /%3E%3Cstop offset='100%25' stop-color='%23000000' stop-opacity='0.5' /%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-50%25' y='-500%25' width='200%25' height='1000%25'%3E%3CfeDropShadow dx='2' dy='8' stdDeviation='6' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/filter%3E%3Cg id='tape'%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23stripes)'%3E%3Canimate attributeName='x' from='-1000' to='-960' dur='1.5s' repeatCount='indefinite' /%3E%3C/rect%3E%3Crect x='-1000' y='-20' width='2000' height='40' fill='url(%23lighting)' /%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23tape' transform='translate(250, 310) rotate(-32) scale(0.8)' filter='url(%23shadow)' opacity='0.9' /%3E%3Cuse href='%23tape' transform='translate(310, 250) rotate(-55) scale(0.9)' filter='url(%23shadow)' /%3E%3Cuse href='%23tape' transform='translate(280, 280) rotate(-43) scale(1.1)' filter='url(%23shadow)' /%3E%3C/svg%3E");
  background-size: 400px 400px, 400px 400px;
  background-position: top left, bottom right;
  background-repeat: no-repeat, no-repeat;
}

/* ==========================================================================
   NUEVAS CLASES: DINAMISMO, JUVENTUD Y EXUBERANCIA (Por Categorías)
   ========================================================================== */

/* --------------------------------------------------------------------------
   🖼️ CLASES PARA IMÁGENES (.biury-img-...)
   Afectan estrictamente a la imagen individual y el hover solo se activa 
   cuando el cursor está exactamente sobre esa foto.
   -------------------------------------------------------------------------- */

/* Pegatina para fotos sueltas */
.biury-img-sticker img {
  box-sizing: border-box !important;
  border: 4px solid #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 0px #F440A8 !important;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
  background-color: #ffffff;
}
/* Activamos el hover sobre el contenedor inmediato de la foto. 
   Esto garantiza que funcione 100% individual y evita que Elementor bloquee el cursor. */
.biury-img-sticker.elementor-widget-image:hover img,
.biury-img-sticker .elementor-widget-image:hover img,
.biury-img-sticker .elementor-gallery-item:hover img,
.biury-img-sticker .gallery-item:hover img,
.biury-img-sticker figure:hover img,
.biury-img-sticker a:hover img {
  transform: translateY(-6px) rotate(-2deg) scale(1.02) !important;
  box-shadow: 10px 10px 0px #FCCC00 !important;
}

/* Imagen flotante */
.biury-img-floating img {
  animation: biury-float 4s ease-in-out infinite !important;
  will-change: transform;
}


/* --------------------------------------------------------------------------
   🔘 CLASES PARA BOTONES (.biury-btn-...)
   Aplicables a los widgets de Botón de Elementor.
   -------------------------------------------------------------------------- */

/* Botón que se llena de líquido al pasar el mouse */
.biury-btn-liquid .elementor-button {
  position: relative !important;
  overflow: hidden !important;
  background-color: transparent !important;
  border: 2px solid #F440A8 !important;
  border-radius: 30px !important;
  z-index: 1 !important;
}
/* Aseguramos que los textos internos (span) tomen el color rosa, y estén estrictamente POR ENCIMA del líquido */
.biury-btn-liquid .elementor-button * {
  color: #F440A8 !important;
  transition: color 0.4s ease !important;
  position: relative !important;
  z-index: 2 !important; /* Capa superior */
}
.biury-btn-liquid .elementor-button::before {
  content: '' !important;
  position: absolute !important;
  top: 100% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background-color: #F440A8 !important;
  border-radius: 40% !important;
  z-index: 0 !important; /* Detrás del texto (z-index 2) pero visible dentro del botón */
  transition: top 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.biury-btn-liquid .elementor-button:hover * {
  color: #ffffff !important;
}
.biury-btn-liquid .elementor-button:hover::before {
  top: -20% !important;
  animation: biury-wave 2s linear infinite !important;
}


/* --------------------------------------------------------------------------
   📦 CLASES PARA CONTENEDORES (.biury-box-...)
   Aplicables a columnas, contenedores enteros o tarjetas.
   El hover se activa al tocar cualquier parte de la caja.
   -------------------------------------------------------------------------- */

/* Pegatina para toda la caja */
.biury-box-sticker {
  border: 4px solid #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 0px #F440A8 !important;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
  background-color: #ffffff;
}
.biury-box-sticker:hover {
  transform: translateY(-6px) rotate(-2deg) scale(1.02) !important;
  box-shadow: 10px 10px 0px #FCCC00 !important;
}

/* Caja completa flotante */
.biury-box-floating {
  animation: biury-float 4s ease-in-out infinite !important;
  will-change: transform;
}


/* --------------------------------------------------------------------------
   ✍️ CLASES PARA TEXTOS Y TÍTULOS (.biury-txt-...)
   Afectan directamente a las letras.
   -------------------------------------------------------------------------- */

/* Título Neón parpadeante */
.biury-txt-neon .elementor-heading-title,
.biury-txt-neon .elementor-widget-container > *,
.biury-txt-neon h1, .biury-txt-neon h2, .biury-txt-neon h3, .biury-txt-neon p {
  color: #ffffff !important;
  text-shadow: 
    0 0 4px #ffffff,
    0 0 8px #ffffff,
    0 0 15px #F440A8,
    0 0 25px #F440A8,
    0 0 35px #F440A8 !important;
  animation: biury-flicker 4s infinite alternate !important;
}


/* Borde Neón Animado para tarjetas o contenedores */
.biury-box-neon {
  border: 2px solid #F440A8 !important;
  border-radius: 15px !important;
  animation: biury-neon-pulse 2s infinite alternate !important;
}

/* Fondo Neón Dinámico para Secciones */
.biury-bg-neon {
  background: radial-gradient(circle, rgba(244,64,168,0.2) 0%, rgba(0,0,0,0) 70%) !important;
  background-size: 200% 200% !important;
  animation: biury-neon-bg-pulse 4s ease infinite alternate !important;
}


/* --------------------------------------------------------------------------
   KEYFRAMES COMPARTIDOS
   -------------------------------------------------------------------------- */
@keyframes biury-neon-pulse {
  0% { box-shadow: 0 0 5px #F440A8, 0 0 10px #F440A8, inset 0 0 5px #F440A8; }
  100% { box-shadow: 0 0 15px #F440A8, 0 0 30px #F440A8, 0 0 45px #F440A8, inset 0 0 15px #F440A8; }
}

@keyframes biury-neon-bg-pulse {
  0% { background-position: 0% 50%; opacity: 0.6; }
  100% { background-position: 100% 50%; opacity: 1; }
}
@keyframes biury-wave {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes biury-float {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(3deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes biury-flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 15px #F440A8, 0 0 25px #F440A8, 0 0 35px #F440A8 !important;
  }
  20%, 24%, 55% {
    text-shadow: none !important;
  }
}

@keyframes biury-pink-flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    text-shadow: 0 0 5px rgba(244, 64, 168, 0.5), 0 0 10px #F440A8, 0 0 20px #F440A8 !important;
  }
  20%, 24%, 55% {
    text-shadow: none !important;
  }
}

/* ==========================================================================
   BIURY CAUTION TAPES (CINTAS DE PELIGRO ANIMADAS)
   Uso: Agrega a cualquier contenedor la clase "biury-tape-container" 
        Y combínala con clases de dirección/color. Ej:
        class="biury-tape-container biury-tape-yellow-up biury-tape-pink-down"
   ========================================================================== */

.biury-tape-container {
  position: relative !important;
  overflow: hidden !important;
  
  /* Variables CSS configurables para personalización manual */
  --biury-tape-corner-offset: 40px; /* Distancia a la esquina (ej: 20px, 40px, 60px, 80px) */
  --biury-tape-text-shift: 0px;     /* Desplazamiento manual del texto dentro de la cinta (ej: 20px, -30px) */
  --biury-tape-length: 600px;       /* Largo de la cinta (600px garantiza empate perfecto borde a borde) */
  --biury-tape-height: 48px;        /* Alto de la cinta */
}

/* Base de la cinta */
.biury-tape-container::before,
.biury-tape-container::after {
  content: "" !important;
  position: absolute !important;
  top: 45% !important;
  left: -20% !important;
  width: 140% !important;
  height: var(--biury-tape-height, 48px) !important;
  background-repeat: repeat-x !important;
  background-size: 260px var(--biury-tape-height, 48px) !important;
  z-index: 50 !important;
  pointer-events: none !important; /* Para no bloquear clics */
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  display: none !important; /* Oculto por defecto */
}

/* Direcciones (Habilitan el content y display) */
.biury-tape-container.biury-tape-yellow-up::before,
.biury-tape-container.biury-tape-pink-up::before,
.biury-tape-container.biury-tape-black-up::before {
  display: block !important;
  transform: rotate(-8deg) !important;
  animation: biury-tape-move-left 4s linear infinite !important;
}

.biury-tape-container.biury-tape-yellow-down::after,
.biury-tape-container.biury-tape-pink-down::after,
.biury-tape-container.biury-tape-black-down::after {
  display: block !important;
  transform: rotate(8deg) !important;
  animation: biury-tape-move-right 4s linear infinite !important;
}

/* -----------------------------------------
   CINTA AMARILLA (Texto Negro)
   ----------------------------------------- */
.biury-tape-container.biury-tape-yellow-up::before,
.biury-tape-container.biury-tape-yellow-down::after,
.biury-tape-container[class*="biury-tape-yellow-top-"]::before,
.biury-tape-container[class*="biury-tape-yellow-bottom-"]::after {
  background-color: #FFD700 !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='48'%3E%3Ctext x='10' y='30' fill='%232E2926' font-family='sans-serif' font-weight='bold' font-size='15' letter-spacing='0.5'%3E%E2%9A%A0%EF%B8%8F TU BIURY EST%C3%81 AQU%C3%8D%3C/text%3E%3C/svg%3E") !important;
}

/* -----------------------------------------
   CINTA ROSA (Texto Blanco)
   ----------------------------------------- */
.biury-tape-container.biury-tape-pink-up::before,
.biury-tape-container.biury-tape-pink-down::after,
.biury-tape-container[class*="biury-tape-pink-top-"]::before,
.biury-tape-container[class*="biury-tape-pink-bottom-"]::after {
  background-color: #F440A8 !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='48'%3E%3Ctext x='10' y='30' fill='%23FFFFFF' font-family='sans-serif' font-weight='bold' font-size='15' letter-spacing='0.5'%3E%E2%9A%A0%EF%B8%8F TU BIURY EST%C3%81 AQU%C3%8D%3C/text%3E%3C/svg%3E") !important;
}

/* -----------------------------------------
   CINTA NEGRA (Texto Rosa)
   ----------------------------------------- */
.biury-tape-container.biury-tape-black-up::before,
.biury-tape-container.biury-tape-black-down::after,
.biury-tape-container[class*="biury-tape-black-top-"]::before,
.biury-tape-container[class*="biury-tape-black-bottom-"]::after {
  background-color: #2E2926 !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='48'%3E%3Ctext x='10' y='30' fill='%23F440A8' font-family='sans-serif' font-weight='bold' font-size='15' letter-spacing='0.5'%3E%E2%9A%A0%EF%B8%8F TU BIURY EST%C3%81 AQU%C3%8D%3C/text%3E%3C/svg%3E") !important;
}

/* KEYFRAMES ANIMACIÓN CON DESPLAZAMIENTO MANUAL */
@keyframes biury-tape-move-left {
  0% { background-position: var(--biury-tape-text-shift, 0px) 0 !important; }
  100% { background-position: calc(var(--biury-tape-text-shift, 0px) - 260px) 0 !important; }
}

@keyframes biury-tape-move-right {
  0% { background-position: var(--biury-tape-text-shift, 0px) 0 !important; }
  100% { background-position: calc(var(--biury-tape-text-shift, 0px) + 260px) 0 !important; }
}

/* ==========================================================================
   CINTAS EN LAS ESQUINAS (CORNER RIBBONS)
   Posiciones optimizadas con variables CSS para alejar/acercar la cinta
   y desplazar el texto manualmente. El largo de 600px garantiza empate perfecto.
   ========================================================================== */

/* Posicionamiento base para ESQUINAS SUPERIORES (Usan ::before) */
.biury-tape-container[class*="-top-left"]::before,
.biury-tape-container[class*="-top-right"]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: var(--biury-tape-length, 600px) !important;
  height: var(--biury-tape-height, 48px) !important;
  background-repeat: repeat-x !important;
  background-size: 260px var(--biury-tape-height, 48px) !important;
  z-index: 50 !important;
  pointer-events: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  top: var(--biury-tape-corner-offset, 40px) !important;
}

/* Posicionamiento base para ESQUINAS INFERIORES (Usan ::after) */
.biury-tape-container[class*="-bottom-left"]::after,
.biury-tape-container[class*="-bottom-right"]::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: var(--biury-tape-length, 600px) !important;
  height: var(--biury-tape-height, 48px) !important;
  background-repeat: repeat-x !important;
  background-size: 260px var(--biury-tape-height, 48px) !important;
  z-index: 50 !important;
  pointer-events: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  bottom: var(--biury-tape-corner-offset, 40px) !important;
  top: auto !important;
}

/* Posiciones Exactas y Rotaciones */
/* Top Left */
.biury-tape-container[class*="-top-left"]::before {
  left: calc(-1 * var(--biury-tape-corner-offset, 40px) - 150px) !important;
  transform: rotate(-45deg) !important;
  animation: biury-tape-move-left 4s linear infinite !important;
}
/* Top Right */
.biury-tape-container[class*="-top-right"]::before {
  right: calc(-1 * var(--biury-tape-corner-offset, 40px) - 150px) !important;
  left: auto !important;
  transform: rotate(45deg) !important;
  animation: biury-tape-move-right 4s linear infinite !important;
}
/* Bottom Left */
.biury-tape-container[class*="-bottom-left"]::after {
  left: calc(-1 * var(--biury-tape-corner-offset, 40px) - 150px) !important;
  transform: rotate(45deg) !important;
  animation: biury-tape-move-right 4s linear infinite !important;
}
/* Bottom Right */
.biury-tape-container[class*="-bottom-right"]::after {
  right: calc(-1 * var(--biury-tape-corner-offset, 40px) - 150px) !important;
  left: auto !important;
  transform: rotate(-45deg) !important;
  animation: biury-tape-move-left 4s linear infinite !important;
}

/* ==========================================================================
   MODIFICADORES DE PROFUNDIDAD (Z-INDEX)
    Por defecto, las cintas tienen z-index: 50 (por encima del contenido de su sección,
    pero por debajo de elementos fijos como el botón VTO z-index: 9990).
   ========================================================================== */

/* 1. Manda las cintas hacia el fondo */
.biury-tape-container.biury-tape-behind::before,
.biury-tape-container.biury-tape-behind::after {
  z-index: 0 !important;
}

/* 2. Empuja el contenido del contenedor hacia ADELANTE para que no sea tapado */
/* Agrega esta clase al mismo contenedor si usaste una cinta "behind" */
.biury-tape-content-front > .elementor-container,
.biury-tape-content-front > .elementor-widget-wrap,
.biury-tape-content-front > .e-con-inner,
.biury-tape-content-front > * {
  position: relative !important;
  z-index: 10 !important;
}

/* ==========================================================================
   🚫 DESACTIVACIÓN TOTAL DE CINTAS EN MOBILE (Pantallas <= 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .caution-tape-background,
  .caution-tape-animated {
    background-image: none !important;
  }

  .biury-tape-container::before,
  .biury-tape-container::after,
  .biury-tape-container[class*="biury-tape-"]::before,
  .biury-tape-container[class*="biury-tape-"]::after,
  .biury-tape-container[class*="-top-"]::before,
  .biury-tape-container[class*="-bottom-"]::after,
  [class*="biury-tape-"]::before,
  [class*="biury-tape-"]::after,
  [class*="caution-tape-"]::before,
  [class*="caution-tape-"]::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    animation: none !important;
  }
}

/* ==========================================================================
   🖼️ CLASES ÚTILES DE FONDO: ESTUDIOS FOTOGRÁFICOS Y FONDOS DE PROFUNDIDAD
   Simulan iluminación 3D de estudio con la paleta de colores de Biury.
   Para usar en Elementor: Añadir cualquier clase a "Clases CSS" de la sección.
   ========================================================================== */

/* 1. Estudio Cálido Sofisticado (Estándar Premium de Biury) */
.biury-bg-studio-warm,
.elementor-element.biury-bg-studio-warm {
  background-color: #f9f3f0 !important;
  background-image: 
    radial-gradient(circle at 15% 10%, rgba(255, 225, 205, 0.9) 0%, transparent 60%),
    radial-gradient(circle at 85% 10%, rgba(215, 222, 245, 0.9) 0%, transparent 60%),
    linear-gradient(to bottom, transparent 55%, rgba(200, 190, 195, 0.3) 65%, transparent 100%) !important;
}

/* 2. Estudio Rosa Blush (Femenino, Dulce y Elegante) */
.biury-bg-studio-blush,
.elementor-element.biury-bg-studio-blush {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 20% 15%, rgba(244, 184, 198, 0.65) 0%, transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(239, 112, 136, 0.45) 0%, transparent 60%),
    linear-gradient(to bottom, transparent 50%, rgba(244, 64, 168, 0.12) 75%, transparent 100%) !important;
}

/* 3. Estudio Botánico Salvia (Ideal para Skincare / Orgánicos) */
.biury-bg-studio-sage,
.elementor-element.biury-bg-studio-sage {
  background-color: #F5F7F2 !important;
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(190, 207, 158, 0.75) 0%, transparent 60%),
    radial-gradient(circle at 85% 20%, rgba(250, 244, 238, 0.9) 0%, transparent 55%),
    linear-gradient(to bottom, transparent 50%, rgba(190, 207, 158, 0.25) 75%, transparent 100%) !important;
}

/* 4. Estudio Nude & Maquillaje (Warm Glow / Maquillaje) */
.biury-bg-studio-nude,
.elementor-element.biury-bg-studio-nude {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 20% 15%, rgba(206, 160, 126, 0.55) 0%, transparent 60%),
    radial-gradient(circle at 80% 15%, rgba(158, 123, 104, 0.35) 0%, transparent 60%),
    linear-gradient(to bottom, transparent 55%, rgba(206, 160, 126, 0.2) 75%, transparent 100%) !important;
}

/* 5. Estudio Neón Velvet (Modo Oscuro Glamour / K-Beauty) */
.biury-bg-studio-dark,
.elementor-element.biury-bg-studio-dark {
  background-color: #1A1617 !important;
  background-image: 
    radial-gradient(circle at 20% 20%, rgba(244, 64, 168, 0.35) 0%, transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(239, 112, 136, 0.25) 0%, transparent 55%),
    linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.6) 100%) !important;
}

/* 6. Estudio Aurora Mística (Vidrio Esmerilado Tridimensional) */
.biury-bg-studio-aurora,
.elementor-element.biury-bg-studio-aurora {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(244, 64, 168, 0.4) 0%, transparent 50%),
    radial-gradient(circle at 90% 15%, rgba(190, 207, 158, 0.5) 0%, transparent 50%),
    radial-gradient(circle at 50% 80%, rgba(239, 112, 136, 0.3) 0%, transparent 55%) !important;
}

/* Limpiar fondos internos en contenedores Elementor para evitar que tapen el gradiente de fondo */
[class*="biury-bg-studio-"] > .e-con-inner,
[class*="biury-bg-studio-"] > .elementor-container,
[class*="biury-bg-studio-"] > .elementor-widget-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   🪵 TEXTURA DE PANEL DE LISTONES VERTICALES 3D (ROSE SLATS 3D TEXTURE)
   100% CSS puro: Listones delgados (11px), bloques cortos desfasados (parquet),
   colores intercalados aleatorios UNA ENCIMA DE OTRA en cada listón, ranuras profundas.
   
   Paleta exacta:
   - #FAF4EE (Crema base predominante ~55%)
   - #F4B8C6 (Rosa pastel listones ~30%)
   - #EF7088 (Rosa intenso acento/profundidad ~15%)
   
   Uso en Elementor: Añadir la clase `rose-slats-texture` al campo "Clases CSS"
   de cualquier Sección o Contenedor.
   ========================================================================== */

:root {
  --slats-cream-pct: 80; /* Porcentaje de color Crema #FAF4EE (defecto 80%) */
}

.rose-slats-texture,
.elementor-element.rose-slats-texture,
.biury-rose-slats-texture,
.elementor-element.biury-rose-slats-texture {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #FAF4EE !important;
  overflow: hidden !important;

  /* 
     ARQUITECTURA DE LISTONES 3D MULTI-COLOR EN MATRIZ VECTORIAL 2D (100% CSS PURO):
     - 16 listones con anchos y alturas proporcionales (-10% width, +10% height)
     - ~80% de color Crema predominante (#FAF4EE) con sutiles acentos rosa pastel y rosa intenso
     - Ranuras oscuras 3D de 2px, biseles de luz blanca y cortes horizontales
  */
  background-image:
    /* CAPA 1: Luz cenital y degradado ambiental suave */
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.75) 0%,
      rgba(255, 255, 255, 0.2) 12%,
      transparent 30%,
      rgba(150, 50, 75, 0.05) 75%,
      rgba(90, 25, 45, 0.12) 100%
    ),
    /* CAPA 2: Matriz Vectorial 2D de Listones (80% Crema predominante) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='240' viewBox='0 0 176 240'%3E%3Crect width='176' height='240' fill='%234B1220'/%3E%3Crect x='0' y='0' width='8' height='95' fill='%23FAF4EE'/%3E%3Crect x='0' y='95' width='8' height='40' fill='%23F4B8C6'/%3E%3Crect x='0' y='135' width='8' height='105' fill='%23FAF4EE'/%3E%3Cline x1='0' y1='0' x2='0' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='0' y1='95' x2='8' y2='95' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='0' y1='135' x2='8' y2='135' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='8' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='10' y='0' width='12' height='60' fill='%23FAF4EE'/%3E%3Crect x='10' y='60' width='12' height='20' fill='%23EF7088'/%3E%3Crect x='10' y='80' width='12' height='160' fill='%23FAF4EE'/%3E%3Cline x1='10' y1='0' x2='10' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='10' y1='60' x2='22' y2='60' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='10' y1='80' x2='22' y2='80' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='22' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='24' y='0' width='6' height='140' fill='%23FAF4EE'/%3E%3Crect x='24' y='140' width='6' height='40' fill='%23F4B8C6'/%3E%3Crect x='24' y='180' width='6' height='60' fill='%23FAF4EE'/%3E%3Cline x1='24' y1='0' x2='24' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='24' y1='140' x2='30' y2='140' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='24' y1='180' x2='30' y2='180' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='30' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='32' y='0' width='14' height='75' fill='%23FAF4EE'/%3E%3Crect x='32' y='75' width='14' height='35' fill='%23F4B8C6'/%3E%3Crect x='32' y='110' width='14' height='15' fill='%23EF7088'/%3E%3Crect x='32' y='125' width='14' height='115' fill='%23FAF4EE'/%3E%3Cline x1='32' y1='0' x2='32' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='32' y1='75' x2='46' y2='75' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='32' y1='110' x2='46' y2='110' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='32' y1='125' x2='46' y2='125' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='46' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='48' y='0' width='7' height='180' fill='%23FAF4EE'/%3E%3Crect x='48' y='180' width='7' height='35' fill='%23F4B8C6'/%3E%3Crect x='48' y='215' width='7' height='25' fill='%23FAF4EE'/%3E%3Cline x1='48' y1='0' x2='48' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='48' y1='180' x2='55' y2='180' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='48' y1='215' x2='55' y2='215' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='55' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='57' y='0' width='11' height='45' fill='%23FAF4EE'/%3E%3Crect x='57' y='45' width='11' height='20' fill='%23EF7088'/%3E%3Crect x='57' y='65' width='11' height='175' fill='%23FAF4EE'/%3E%3Cline x1='57' y1='0' x2='57' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='57' y1='45' x2='68' y2='45' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='57' y1='65' x2='68' y2='65' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='68' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='70' y='0' width='5' height='110' fill='%23FAF4EE'/%3E%3Crect x='70' y='110' width='5' height='40' fill='%23F4B8C6'/%3E%3Crect x='70' y='150' width='5' height='90' fill='%23FAF4EE'/%3E%3Cline x1='70' y1='0' x2='70' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='70' y1='110' x2='75' y2='110' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='70' y1='150' x2='75' y2='150' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='75' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='77' y='0' width='13' height='160' fill='%23FAF4EE'/%3E%3Crect x='77' y='160' width='13' height='35' fill='%23F4B8C6'/%3E%3Crect x='77' y='195' width='13' height='45' fill='%23FAF4EE'/%3E%3Cline x1='77' y1='0' x2='77' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='77' y1='160' x2='90' y2='160' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='77' y1='195' x2='90' y2='195' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='90' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='92' y='0' width='8' height='80' fill='%23FAF4EE'/%3E%3Crect x='92' y='80' width='8' height='15' fill='%23EF7088'/%3E%3Crect x='92' y='95' width='8' height='40' fill='%23F4B8C6'/%3E%3Crect x='92' y='135' width='8' height='105' fill='%23FAF4EE'/%3E%3Cline x1='92' y1='0' x2='92' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='92' y1='80' x2='100' y2='80' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='92' y1='95' x2='100' y2='95' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='92' y1='135' x2='100' y2='135' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='100' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='102' y='0' width='10' height='190' fill='%23FAF4EE'/%3E%3Crect x='102' y='190' width='10' height='35' fill='%23F4B8C6'/%3E%3Crect x='102' y='225' width='10' height='15' fill='%23FAF4EE'/%3E%3Cline x1='102' y1='0' x2='102' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='102' y1='190' x2='112' y2='190' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='102' y1='225' x2='112' y2='225' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='112' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='114' y='0' width='6' height='50' fill='%23FAF4EE'/%3E%3Crect x='114' y='50' width='6' height='20' fill='%23EF7088'/%3E%3Crect x='114' y='70' width='6' height='170' fill='%23FAF4EE'/%3E%3Cline x1='114' y1='0' x2='114' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='114' y1='50' x2='120' y2='50' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='114' y1='70' x2='120' y2='70' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='120' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='122' y='0' width='14' height='120' fill='%23FAF4EE'/%3E%3Crect x='122' y='120' width='14' height='40' fill='%23F4B8C6'/%3E%3Crect x='122' y='160' width='14' height='80' fill='%23FAF4EE'/%3E%3Cline x1='122' y1='0' x2='122' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='122' y1='120' x2='136' y2='120' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='122' y1='160' x2='136' y2='160' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='136' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='138' y='0' width='7' height='170' fill='%23FAF4EE'/%3E%3Crect x='138' y='170' width='7' height='35' fill='%23F4B8C6'/%3E%3Crect x='138' y='205' width='7' height='35' fill='%23FAF4EE'/%3E%3Cline x1='138' y1='0' x2='138' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='138' y1='170' x2='145' y2='170' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='138' y1='205' x2='145' y2='205' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='145' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='147' y='0' width='9' height='65' fill='%23FAF4EE'/%3E%3Crect x='147' y='65' width='9' height='15' fill='%23EF7088'/%3E%3Crect x='147' y='80' width='9' height='160' fill='%23FAF4EE'/%3E%3Cline x1='147' y1='0' x2='147' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='147' y1='65' x2='156' y2='65' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='147' y1='80' x2='156' y2='80' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='156' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='158' y='0' width='11' height='100' fill='%23FAF4EE'/%3E%3Crect x='158' y='100' width='11' height='40' fill='%23F4B8C6'/%3E%3Crect x='158' y='140' width='11' height='100' fill='%23FAF4EE'/%3E%3Cline x1='158' y1='0' x2='158' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='158' y1='100' x2='169' y2='100' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='158' y1='140' x2='169' y2='140' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Crect x='169' y='0' width='2' height='240' fill='rgba(60,10,20,0.6)'/%3E%3Crect x='171' y='0' width='5' height='155' fill='%23FAF4EE'/%3E%3Crect x='171' y='155' width='5' height='35' fill='%23F4B8C6'/%3E%3Crect x='171' y='190' width='5' height='50' fill='%23FAF4EE'/%3E%3Cline x1='171' y1='0' x2='171' y2='240' stroke='rgba(255,255,255,0.7)' stroke-width='1'/%3E%3Cline x1='171' y1='155' x2='176' y2='155' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3Cline x1='171' y1='190' x2='176' y2='190' stroke='rgba(0,0,0,0.2)' stroke-width='1'/%3E%3C/svg%3E") !important;

  background-size:
    100% 100%,
    158.4px 264px !important;

  background-position:
    0 0,
    0 0 !important;

  background-repeat:
    no-repeat,
    repeat !important;
}

/* Luz Cenital LED 3D Proyectada Superior */
.rose-slats-texture::before,
.elementor-element.rose-slats-texture::before,
.biury-rose-slats-texture::before,
.elementor-element.biury-rose-slats-texture::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50px !important;
  max-height: 25% !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0.35) 40%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Sombra Inferior de Contacto y Profundidad */
.rose-slats-texture::after,
.elementor-element.rose-slats-texture::after,
.biury-rose-slats-texture::after,
.elementor-element.biury-rose-slats-texture::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 40px !important;
  max-height: 20% !important;
  background: linear-gradient(
    0deg,
    rgba(140, 50, 70, 0.14) 0%,
    rgba(140, 50, 70, 0) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Limpieza de contenedores internos en Elementor para que se adapte al div */
.rose-slats-texture > .e-con-inner,
.rose-slats-texture > .elementor-container,
.rose-slats-texture > .elementor-widget-wrap,
.biury-rose-slats-texture > .e-con-inner,
.biury-rose-slats-texture > .elementor-container,
.biury-rose-slats-texture > .elementor-widget-wrap {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   🪵 TEXTURA DE PANEL DE LISTONES VERTICALES DINÁMICA / ORGÁNICA
   Segunda versión: Generada dinámicamente con JavaScript para 100% de aleatoriedad
   sin repeticiones matemáticas, anchos irregulares (4px a 14px), cortes a distintas
   alturas y biseles 3D con luz LED superior.
   
   Uso en Elementor: Añadir la clase `rose-slats-dynamic` al campo "Clases CSS".
   ========================================================================== */

.rose-slats-dynamic,
.elementor-element.rose-slats-dynamic,
.biury-slats-dynamic,
.elementor-element.biury-slats-dynamic {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #FAF4EE !important;
  overflow: hidden !important;
}

/* Lienzo de listones generados dinámicamente */
.rose-slats-dynamic > .biury-slats-canvas,
.elementor-element.rose-slats-dynamic > .biury-slats-canvas,
.biury-slats-dynamic > .biury-slats-canvas,
.biury-slats-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background-color: #FAF4EE !important;
}

/* Columna de listón 3D individual */
.biury-slat-column {
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
  /* Relieve 3D arquitectónico: Luz especular izquierda + Sombra en ranura derecha */
  box-shadow: 
    inset 1px 0 0 rgba(255, 255, 255, 0.75),
    inset -1px 0 0 rgba(0, 0, 0, 0.15),
    2px 0 3px rgba(75, 18, 32, 0.35) !important;
  background-color: #FAF4EE !important;
}

/* Segmentos de color apilados verticalmente dentro de cada listón */
.biury-slat-segment {
  width: 100% !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  position: relative !important;
  /* Micro-junta horizontal de corte entre bloques */
  border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  transition: opacity 0.3s ease !important;
}

/* Luz Cenital LED Superior */
.rose-slats-dynamic::before,
.elementor-element.rose-slats-dynamic::before,
.biury-slats-dynamic::before,
.elementor-element.biury-slats-dynamic::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 55px !important;
  max-height: 25% !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.4) 35%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Sombra Inferior de Contacto */
.rose-slats-dynamic::after,
.elementor-element.rose-slats-dynamic::after,
.biury-slats-dynamic::after,
.elementor-element.biury-slats-dynamic::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 45px !important;
  max-height: 20% !important;
  background: linear-gradient(
    0deg,
    rgba(140, 50, 70, 0.15) 0%,
    rgba(140, 50, 70, 0) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Contenido de Elementor por encima del canvas de listones */
.rose-slats-dynamic > *:not(.biury-slats-canvas),
.elementor-element.rose-slats-dynamic > *:not(.biury-slats-canvas),
.biury-slats-dynamic > *:not(.biury-slats-canvas) {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
  background-color: transparent !important;
}

.rose-slats-dynamic .e-con-inner,
.rose-slats-dynamic .elementor-container,
.rose-slats-dynamic .elementor-widget-wrap,
.biury-slats-dynamic .e-con-inner,
.biury-slats-dynamic .elementor-container,
.biury-slats-dynamic .elementor-widget-wrap {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* --------------------------------------------------------------------------
   CLASES MODIFICADORAS DE PORCENTAJE DE COLOR CLARO (#FAF4EE)
   Úsalas junto con `rose-slats-dynamic` o `rose-slats-texture`:
   - `slats-cream-70`: 70% Crema
   - `slats-cream-80`: 80% Crema (Defecto)
   - `slats-cream-85`: 85% Crema
   - `slats-cream-90`: 90% Crema
   O define directamente en CSS: `--slats-cream-pct: 80;`
   -------------------------------------------------------------------------- */
.slats-cream-60, [data-cream-pct="60"] { --slats-cream-pct: 60 !important; }
.slats-cream-70, [data-cream-pct="70"] { --slats-cream-pct: 70 !important; }
.slats-cream-75, [data-cream-pct="75"] { --slats-cream-pct: 75 !important; }
.slats-cream-80, [data-cream-pct="80"] { --slats-cream-pct: 80 !important; }
.slats-cream-85, [data-cream-pct="85"] { --slats-cream-pct: 85 !important; }
.slats-cream-90, [data-cream-pct="90"] { --slats-cream-pct: 90 !important; }
.slats-cream-95, [data-cream-pct="95"] { --slats-cream-pct: 95 !important; }

/* --------------------------------------------------------------------------
   PALETA VARIACIÓN NUDE / WARM TERRACOTTA
   Colores: #F5F0EC, #C7BFBD, #D3C8C5, #F1E2DF, #E2D5D2, #ECB1A1, #C58E82
   - `slats-variation-85`: 85% Colores Claros (Recomendado)
   - `slats-variation-75`: 75% Colores Claros
   - `slats-variation-90`: 90% Colores Claros
   -------------------------------------------------------------------------- */
.slats-variation,
.slats-palette-variation,
.slats-palette-nude,
.slats-palette-warm {
  --slats-palette: variation !important;
  --slats-light-pct: 85 !important;
}

.slats-variation-60, [data-variation-pct="60"] { --slats-palette: variation !important; --slats-light-pct: 60 !important; }
.slats-variation-70, [data-variation-pct="70"] { --slats-palette: variation !important; --slats-light-pct: 70 !important; }
.slats-variation-75, [data-variation-pct="75"] { --slats-palette: variation !important; --slats-light-pct: 75 !important; }
.slats-variation-80, [data-variation-pct="80"] { --slats-palette: variation !important; --slats-light-pct: 80 !important; }
.slats-variation-85, [data-variation-pct="85"] { --slats-palette: variation !important; --slats-light-pct: 85 !important; }
.slats-variation-90, [data-variation-pct="90"] { --slats-palette: variation !important; --slats-light-pct: 90 !important; }
.slats-variation-95, [data-variation-pct="95"] { --slats-palette: variation !important; --slats-light-pct: 95 !important; }

/* =============================================================================
   💳 BIURY — PASARELAS Y MEDIOS DE PAGO (Compacto, Borde Negro, Sin Border Radius)
   ============================================================================= */
.biury-payment-methods,
.biury-pay-container {
  display: block !important;
  width: 100% !important;
  max-width: 460px !important;
  box-sizing: border-box !important;
  margin: 8px 0 !important;
}

.biury-pay-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.biury-pay-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 3px 6px !important;
  background-color: var(--biury-pay-bg, #FFFFFF) !important;
  border: 2px solid var(--biury-pay-border, #2E2926) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
  cursor: default !important;
  user-select: none !important;
}

.biury-pay-item:hover {
  transform: translateY(-1.5px) !important;
  box-shadow: 2px 2px 0 var(--biury-pay-border, #2E2926) !important;
}

.biury-pay-item svg,
.biury-pay-item img {
  max-height: 22px !important;
  max-width: 88% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Modificadores de Alineación */
.biury-pay-container.align-center .biury-pay-grid,
.biury-payment-methods.align-center .biury-pay-grid {
  justify-content: center !important;
}

.biury-pay-container.align-right .biury-pay-grid,
.biury-payment-methods.align-right .biury-pay-grid {
  justify-content: flex-end !important;
}

/* Responsive Móvil / Tablet */
@media (max-width: 768px) {
  .biury-pay-grid {
    gap: 8px !important;
    justify-content: center !important;
  }

  .biury-pay-item {
    height: 46px !important;
    min-width: 90px !important;
    padding: 4px 8px !important;
    flex: 1 1 calc(33.333% - 8px) !important;
    border-width: 2.5px !important;
  }

  .biury-pay-item svg,
  .biury-pay-item img {
    max-height: 26px !important;
  }
}

@media (max-width: 480px) {
  .biury-pay-item {
    height: 42px !important;
    min-width: 80px !important;
    padding: 4px 6px !important;
    flex: 1 1 calc(50% - 8px) !important;
    border-width: 2px !important;
  }

  .biury-pay-item svg,
  .biury-pay-item img {
    max-height: 24px !important;
  }
}

/* ==========================================================================
   🌈 GRADIENTES VIVOS & EMPALME CONTINUO SIN CORTES (VIVID PARALLAX GRADIENTS)
   Paleta Biury Vibrante: Coral Vivo (#FF6B81) -> Fucsia Biury (#F440A8) -> Violeta Eléctrico (#8B5CF6) -> Índigo Noche (#161026)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GRADIENTES DE TEXTO VIVOS (Estilo "40+ State of the art demos")
   -------------------------------------------------------------------------- */

/* Opción A: Sunset & Neon Purple (Cálido a Frío - Idéntico a la referencia) */
.biury-gradient-text-vivid,
.elementor-widget-heading.biury-gradient-text-vivid .elementor-heading-title,
.biury-gradient-text-vivid h1,
.biury-gradient-text-vivid h2,
.biury-gradient-text-vivid h3,
.biury-gradient-text-vivid p,
.biury-gradient-text-vivid span {
  background-image: linear-gradient(90deg, #FF6B81 0%, #F440A8 45%, #8B5CF6 85%, #6C5CE7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* Opción Animada Suave (Flujo continuo de degradado en movimiento tenue) */
.biury-gradient-text-animated,
.elementor-widget-heading.biury-gradient-text-animated .elementor-heading-title,
.biury-gradient-text-animated h1,
.biury-gradient-text-animated h2,
.biury-gradient-text-animated h3,
.biury-gradient-text-animated h4,
.biury-gradient-text-animated p,
.biury-gradient-text-animated span,
.biury-gradient-text-animated a {
  background-image: linear-gradient(90deg, #FF7B89 0%, #F440A8 30%, #8B5CF6 65%, #EF7088 85%, #FF7B89 100%) !important;
  background-size: 250% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
  animation: biury-gradient-flow 8s ease infinite !important;
}

/* Opción B: Fucsia Biury Fuego (Ultra saturado cálido) */
.biury-gradient-text-fire,
.elementor-widget-heading.biury-gradient-text-fire .elementor-heading-title,
.biury-gradient-text-fire h1,
.biury-gradient-text-fire h2,
.biury-gradient-text-fire h3,
.biury-gradient-text-fire p,
.biury-gradient-text-fire span {
  background-image: linear-gradient(90deg, #FF8E53 0%, #FF2E93 50%, #A820E6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* --------------------------------------------------------------------------
   2. FONDOS VIVOS CON PARALLAX CONTINUO (Sin cortes entre secciones)
   -------------------------------------------------------------------------- */

/* MÉTODO A: Lienzo Fijo de Pantalla (background-attachment: fixed)
   Aplica esta clase a todas las secciones adyacentes y el fondo fluirá
   continuamente como una sola pieza durante el scroll. Zero cortes. */
.biury-bg-vivid-parallax,
.elementor-element.biury-bg-vivid-parallax {
  background-color: #161026 !important;
  background-image: linear-gradient(
    180deg, 
    #FF6B81 0%, 
    #F440A8 30%, 
    #8B5CF6 65%, 
    #161026 100%
  ) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* MÉTODO B: Empalme Modular por Secciones (Sección 1 -> 2 -> 3)
   Cada sección termina EXACTAMENTE en el color en el que empieza la siguiente. */

/* Sección 1 (Superior): De Coral Vivo (#FF6B81) a Fucsia Biury (#F440A8) */
.biury-bg-vivid-sec-1,
.elementor-element.biury-bg-vivid-sec-1 {
  background-color: #F440A8 !important;
  background-image: linear-gradient(180deg, #FF6B81 0%, #F440A8 100%) !important;
}

/* Sección 2 (Intermedia 1): De Fucsia Biury (#F440A8) a Violeta Eléctrico (#8B5CF6)
   --> Empalme exacto con el final de la Sección 1 */
.biury-bg-vivid-sec-2,
.elementor-element.biury-bg-vivid-sec-2 {
  background-color: #8B5CF6 !important;
  background-image: linear-gradient(180deg, #F440A8 0%, #8B5CF6 100%) !important;
}

/* Sección 3 (Intermedia 2): De Violeta Eléctrico (#8B5CF6) a Índigo Noche (#161026)
   --> Empalme exacto con el final de la Sección 2 */
.biury-bg-vivid-sec-3,
.elementor-element.biury-bg-vivid-sec-3 {
  background-color: #161026 !important;
  background-image: linear-gradient(180deg, #8B5CF6 0%, #161026 100%) !important;
}

/* Sección 4 (Estudio Oscuro Glamour con Aura Neón) */
.biury-bg-vivid-dark-glow,
.elementor-element.biury-bg-vivid-dark-glow {
  background-color: #0b0914 !important;
  background-image: 
    radial-gradient(circle at 20% 15%, rgba(255, 107, 129, 0.4) 0%, transparent 55%),
    radial-gradient(circle at 80% 35%, rgba(244, 64, 168, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 50% 85%, rgba(139, 92, 246, 0.4) 0%, transparent 60%) !important;
}

/* Limpiar fondos internos en contenedores Elementor para la serie vivid */
[class*="biury-bg-vivid-"] > .e-con-inner,
[class*="biury-bg-vivid-"] > .elementor-container,
[class*="biury-bg-vivid-"] > .elementor-widget-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   🌸 SISTEMA DE FONDOS MODULARES VERTICALES (UNIVERSAL FLOW SYSTEM)
   Basado en la paleta oficial de [biury_home_reviews] & Estudio Biury:
   
   SERIES DISPONIBLES:
   1. SERIE BLANCA (biury-bg-flow-1 a 5): Anclaje superior e inferior en Blanco Puro (#FFFFFF al 1%).
   2. SERIE CREMA MARFIL (biury-bg-cream-1 a 5): Anclaje superior e inferior en Crema Cálido (#FAF4EE al 1%).
   3. SERIE BLUSH ROSÉ (biury-bg-blush-1 a 5): Anclaje superior e inferior en Rosa Blush (#FFF0F6 al 1%).
   ========================================================================== */

/* MODIFICADOR A: Fondo Parallax Vertical Continuo (Fijo en pantalla) */
.biury-bg-flow-parallax,
.elementor-element.biury-bg-flow-parallax {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(244, 64, 168, 0.07) 0%, transparent 50%),
    radial-gradient(circle at 85% 55%, rgba(239, 112, 136, 0.08) 0%, transparent 55%),
    radial-gradient(circle at 20% 85%, rgba(255, 182, 193, 0.12) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FAF4EE 15%,
      #FDE8EF 35%,
      #FCE2DF 55%,
      #FFFFFF 75%,
      #FAF4EE 100%
    ) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* --------------------------------------------------------------------------
   SERIE 1: ANCLAJE BLANCO PURO (#FFFFFF al 1% top / 1% bottom)
   -------------------------------------------------------------------------- */

/* Módulo 1 (Soft Blush & Rose Cream) */
.biury-bg-flow-1,
.elementor-element.biury-bg-flow-1 {
  background-color: #FFFFFF !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      transparent 5%,
      transparent 95%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ),
    radial-gradient(circle at 80% 50%, rgba(244, 64, 168, 0.08) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      #FFF9FB 10%,
      #FAF4EE 35%,
      #FDE8EF 50%,
      #FAF4EE 65%,
      #FFF9FB 90%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ) !important;
}

/* Módulo 2 (Blush Glow & Coral Sunset) */
.biury-bg-flow-2,
.elementor-element.biury-bg-flow-2 {
  background-color: #FFFFFF !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      transparent 5%,
      transparent 95%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ),
    radial-gradient(circle at 18% 45%, rgba(244, 64, 168, 0.10) 0%, transparent 45%),
    radial-gradient(circle at 82% 55%, rgba(239, 112, 136, 0.09) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      #FDE8EF 12%,
      #FBDCE7 40%,
      #FCE2DF 50%,
      #FBDCE7 60%,
      #FDE8EF 88%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ) !important;
}

/* Módulo 3 (Sunset Rose Glow & Golden Warmth) */
.biury-bg-flow-3,
.elementor-element.biury-bg-flow-3 {
  background-color: #FFFFFF !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      transparent 5%,
      transparent 95%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ),
    radial-gradient(circle at 85% 45%, rgba(255, 182, 193, 0.24) 0%, transparent 45%),
    radial-gradient(circle at 15% 55%, rgba(254, 226, 226, 0.30) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      #FFF7FA 12%,
      #FAF0E6 38%,
      #FCE2DF 50%,
      #FAF0E6 62%,
      #FFF7FA 88%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ) !important;
}

/* Módulo 4 (White Dominant / Blanco Primario ⭐) */
.biury-bg-flow-4,
.elementor-element.biury-bg-flow-4 {
  background-color: #FFFFFF !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      transparent 5%,
      transparent 95%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ),
    radial-gradient(circle at 50% 50%, #FFFFFF 0%, #FFFFFF 65%, rgba(253, 232, 239, 0.22) 100%),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 100%
    ) !important;
}

/* Módulo 5 (Studio Silk & Lavender Blush) */
.biury-bg-flow-5,
.elementor-element.biury-bg-flow-5 {
  background-color: #FFFFFF !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      transparent 5%,
      transparent 95%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ),
    radial-gradient(circle at 20% 50%, rgba(244, 184, 198, 0.14) 0%, transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(244, 64, 168, 0.06) 0%, transparent 45%),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FFFFFF 1%,
      #FAF4EE 14%,
      #FFF0F6 45%,
      #FDE8EF 55%,
      #FAF4EE 86%,
      #FFFFFF 99%,
      #FFFFFF 100%
    ) !important;
}

/* --------------------------------------------------------------------------
   SERIE 2: ANCLAJE CREMA MARFIL (#FAF4EE al 1% top / 1% bottom)
   Permite combinar entre sí fondos cálidos y sofisticados sin cortes
   -------------------------------------------------------------------------- */

/* Módulo Crema 1: Crema Soft hacia Blush Rosé */
.biury-bg-cream-1,
.biury-bg-flow-cream-1,
.elementor-element.biury-bg-cream-1,
.elementor-element.biury-bg-flow-cream-1 {
  background-color: #FAF4EE !important;
  background-image: 
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      transparent 5%,
      transparent 95%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ),
    radial-gradient(circle at 75% 45%, rgba(244, 64, 168, 0.09) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      #FFF0F6 25%,
      #FDE8EF 50%,
      #FFF0F6 75%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ) !important;
}

/* Módulo Crema 2: Crema Soft hacia Sunset Warm & Coral */
.biury-bg-cream-2,
.biury-bg-flow-cream-2,
.elementor-element.biury-bg-cream-2,
.elementor-element.biury-bg-flow-cream-2 {
  background-color: #FAF4EE !important;
  background-image: 
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      transparent 5%,
      transparent 95%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ),
    radial-gradient(circle at 20% 50%, rgba(255, 182, 193, 0.22) 0%, transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(239, 112, 136, 0.08) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      #FBDCE7 25%,
      #FCE2DF 50%,
      #FBDCE7 75%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ) !important;
}

/* Módulo Crema 3: Crema Soft hacia Golden Peach Luxury */
.biury-bg-cream-3,
.biury-bg-flow-cream-3,
.elementor-element.biury-bg-cream-3,
.elementor-element.biury-bg-flow-cream-3 {
  background-color: #FAF4EE !important;
  background-image: 
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      transparent 5%,
      transparent 95%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ),
    radial-gradient(circle at 85% 45%, rgba(251, 191, 36, 0.15) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      #FAF0E6 25%,
      #FDE8EF 50%,
      #FAF0E6 75%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ) !important;
}

/* Módulo Crema 4: Crema Marfil Puro Dominante ⭐ */
.biury-bg-cream-4,
.biury-bg-flow-cream-4,
.elementor-element.biury-bg-cream-4,
.elementor-element.biury-bg-flow-cream-4 {
  background-color: #FAF4EE !important;
  background-image: 
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      transparent 5%,
      transparent 95%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ),
    radial-gradient(circle at 50% 50%, #FAF4EE 0%, #FAF4EE 70%, rgba(244, 64, 168, 0.05) 100%),
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 100%
    ) !important;
}

/* Módulo Crema 5: Crema Soft con Resplandor Blanco en el Centro */
.biury-bg-cream-5,
.biury-bg-flow-cream-5,
.elementor-element.biury-bg-cream-5,
.elementor-element.biury-bg-flow-cream-5 {
  background-color: #FAF4EE !important;
  background-image: 
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      transparent 5%,
      transparent 95%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 60%),
    linear-gradient(
      180deg,
      #FAF4EE 0%,
      #FAF4EE 1%,
      #FFF7FA 25%,
      #FFFFFF 50%,
      #FFF7FA 75%,
      #FAF4EE 99%,
      #FAF4EE 100%
    ) !important;
}

/* --------------------------------------------------------------------------
   SERIE 3: ANCLAJE ROSA BLUSH (#FFF0F6 al 1% top / 1% bottom)
   Permite combinar entre sí fondos femeninos rosados sin cortes
   -------------------------------------------------------------------------- */

/* Módulo Blush 1: Rosa Blush hacia Crema Marfil */
.biury-bg-blush-1,
.biury-bg-flow-blush-1,
.elementor-element.biury-bg-blush-1,
.elementor-element.biury-bg-flow-blush-1 {
  background-color: #FFF0F6 !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      transparent 5%,
      transparent 95%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ),
    radial-gradient(circle at 20% 50%, rgba(244, 64, 168, 0.08) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      #FDE8EF 25%,
      #FAF4EE 50%,
      #FDE8EF 75%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ) !important;
}

/* Módulo Blush 2: Rosa Blush hacia Coral Sunset Vivo */
.biury-bg-blush-2,
.biury-bg-flow-blush-2,
.elementor-element.biury-bg-blush-2,
.elementor-element.biury-bg-flow-blush-2 {
  background-color: #FFF0F6 !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      transparent 5%,
      transparent 95%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ),
    radial-gradient(circle at 80% 50%, rgba(239, 112, 136, 0.12) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      #FBDCE7 25%,
      #FCE2DF 50%,
      #FBDCE7 75%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ) !important;
}

/* Módulo Blush 3: Rosa Blush hacia Blanco Luminoso Central */
.biury-bg-blush-3,
.biury-bg-flow-blush-3,
.elementor-element.biury-bg-blush-3,
.elementor-element.biury-bg-flow-blush-3 {
  background-color: #FFF0F6 !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      transparent 5%,
      transparent 95%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.85) 0%, transparent 55%),
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      #FFF7FA 25%,
      #FFFFFF 50%,
      #FFF7FA 75%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ) !important;
}

/* Módulo Blush 4: Rosa Blush Puro Dominante ⭐ */
.biury-bg-blush-4,
.biury-bg-flow-blush-4,
.elementor-element.biury-bg-blush-4,
.elementor-element.biury-bg-flow-blush-4 {
  background-color: #FFF0F6 !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      transparent 5%,
      transparent 95%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ),
    radial-gradient(circle at 50% 50%, #FFF0F6 0%, #FFF0F6 70%, rgba(244, 64, 168, 0.06) 100%),
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 100%
    ) !important;
}

/* Módulo Blush 5: Rosa Blush hacia Auras Velvet Fucsia Biury */
.biury-bg-blush-5,
.biury-bg-flow-blush-5,
.elementor-element.biury-bg-blush-5,
.elementor-element.biury-bg-flow-blush-5 {
  background-color: #FFF0F6 !important;
  background-image: 
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      transparent 5%,
      transparent 95%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ),
    radial-gradient(circle at 25% 45%, rgba(244, 64, 168, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 75% 55%, rgba(255, 182, 193, 0.20) 0%, transparent 50%),
    linear-gradient(
      180deg,
      #FFF0F6 0%,
      #FFF0F6 1%,
      #FDE8EF 25%,
      #FBDCE7 50%,
      #FDE8EF 75%,
      #FFF0F6 99%,
      #FFF0F6 100%
    ) !important;
}

/* Limpieza universal de contenedores internos de Elementor para todas las series modulares */
[class*="biury-bg-flow-"] > .e-con-inner,
[class*="biury-bg-flow-"] > .elementor-container,
[class*="biury-bg-flow-"] > .elementor-widget-wrap,
[class*="biury-bg-cream-"] > .e-con-inner,
[class*="biury-bg-cream-"] > .elementor-container,
[class*="biury-bg-cream-"] > .elementor-widget-wrap,
[class*="biury-bg-blush-"] > .e-con-inner,
[class*="biury-bg-blush-"] > .elementor-container,
[class*="biury-bg-blush-"] > .elementor-widget-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* ==========================================================================
   ✨ COLECCIÓN DE GRADIENTES PREMIUM BIURY (TEXTOS, FONDOS Y BORDES)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GRADIENTES DE TEXTO (TEXT GRADIENTS)
   -------------------------------------------------------------------------- */

/* Sunset & Neon Violet (Inspirado en '40+ State of the art demos': Coral -> Fucsia -> Violeta) */
.biury-gradient-text-sunset,
.elementor-widget-heading.biury-gradient-text-sunset .elementor-heading-title,
.biury-gradient-text-sunset h1,
.biury-gradient-text-sunset h2,
.biury-gradient-text-sunset h3,
.biury-gradient-text-sunset h4,
.biury-gradient-text-sunset p,
.biury-gradient-text-sunset span,
.biury-gradient-text-sunset a {
  background-image: linear-gradient(90deg, #FF7B89 0%, #F440A8 48%, #8B5CF6 90%, #6366F1 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* Rose Gold Luxury (Dorado Champán -> Oro Rosa -> Fucsia Biury) */
.biury-gradient-text-gold,
.elementor-widget-heading.biury-gradient-text-gold .elementor-heading-title,
.biury-gradient-text-gold h1,
.biury-gradient-text-gold h2,
.biury-gradient-text-gold h3,
.biury-gradient-text-gold h4,
.biury-gradient-text-gold p,
.biury-gradient-text-gold span,
.biury-gradient-text-gold a {
  background-image: linear-gradient(90deg, #FBBF24 0%, #F43F5E 50%, #F440A8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* Botanical Fresh (Menta Fresca -> Verde Salvia -> Miel) */
.biury-gradient-text-sage,
.elementor-widget-heading.biury-gradient-text-sage .elementor-heading-title,
.biury-gradient-text-sage h1,
.biury-gradient-text-sage h2,
.biury-gradient-text-sage h3,
.biury-gradient-text-sage h4,
.biury-gradient-text-sage p,
.biury-gradient-text-sage span,
.biury-gradient-text-sage a {
  background-image: linear-gradient(90deg, #34D399 0%, #BECF9E 55%, #FBBF24 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* Berry Velvet (Fucsia Biury -> Borgoña Profundo -> Violeta Noche) */
.biury-gradient-text-berry,
.elementor-widget-heading.biury-gradient-text-berry .elementor-heading-title,
.biury-gradient-text-berry h1,
.biury-gradient-text-berry h2,
.biury-gradient-text-berry h3,
.biury-gradient-text-berry h4,
.biury-gradient-text-berry p,
.biury-gradient-text-berry span,
.biury-gradient-text-berry a {
  background-image: linear-gradient(90deg, #F440A8 0%, #9D174D 50%, #4C1D95 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* Aurora Ocean (Turquesa Neón -> Azul Eléctrico -> Fucsia) */
.biury-gradient-text-ocean,
.elementor-widget-heading.biury-gradient-text-ocean .elementor-heading-title,
.biury-gradient-text-ocean h1,
.biury-gradient-text-ocean h2,
.biury-gradient-text-ocean h3,
.biury-gradient-text-ocean h4,
.biury-gradient-text-ocean p,
.biury-gradient-text-ocean span,
.biury-gradient-text-ocean a {
  background-image: linear-gradient(90deg, #06B6D4 0%, #3B82F6 45%, #F440A8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

/* --------------------------------------------------------------------------
   2. GRADIENTES DE FONDO DE SECCIÓN Y CONTENEDORES (BACKGROUND GRADIENTS)
   -------------------------------------------------------------------------- */

/* Sunset Luxury Gradient (Fondo cálido luxury con degradado diagonal) */
.biury-bg-gradient-sunset,
.elementor-element.biury-bg-gradient-sunset {
  background-color: #12091F !important;
  background-image: linear-gradient(135deg, #FF7B89 0%, #F440A8 40%, #8B5CF6 80%, #12091F 100%) !important;
}

/* Mesh 3D Rosa Blush (Auras flotantes tridimensionales en tonos rosa y crema) */
.biury-bg-gradient-mesh-pink,
.elementor-element.biury-bg-gradient-mesh-pink {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(244, 64, 168, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 90% 30%, rgba(255, 123, 137, 0.3) 0%, transparent 50%),
    radial-gradient(circle at 50% 85%, rgba(139, 92, 246, 0.18) 0%, transparent 55%) !important;
}

/* Mesh 3D Dorado & Nude (Ambiente cálido luxury con destellos champán) */
.biury-bg-gradient-mesh-gold,
.elementor-element.biury-bg-gradient-mesh-gold {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(251, 191, 36, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 85% 25%, rgba(244, 63, 94, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 50% 80%, rgba(206, 160, 126, 0.25) 0%, transparent 55%) !important;
}

/* Degradado Pastel Blush (Delicado para secciones de texto o catálogo) */
.biury-bg-gradient-soft-blush,
.elementor-element.biury-bg-gradient-soft-blush {
  background-color: #FAF4EE !important;
  background-image: linear-gradient(180deg, #FAF4EE 0%, #FDE8EF 50%, #FAF4EE 100%) !important;
}

/* Modo Oscuro Cyberpunk Neón (Fondo azabache con focos neón magenta y cian) */
.biury-bg-gradient-neon-cyber,
.elementor-element.biury-bg-gradient-neon-cyber {
  background-color: #08060D !important;
  background-image: 
    radial-gradient(circle at 20% 20%, rgba(244, 64, 168, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(6, 182, 212, 0.3) 0%, transparent 50%) !important;
}

/* Degradado Diagonal Oficial Biury (#F440A8 -> #EF7088) */
.biury-bg-gradient-biury-brand,
.elementor-element.biury-bg-gradient-biury-brand {
  background-color: #F440A8 !important;
  background-image: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
}

/* Limpieza universal de contenedores internos Elementor para la serie de gradientes */
[class*="biury-bg-gradient-"] > .e-con-inner,
[class*="biury-bg-gradient-"] > .elementor-container,
[class*="biury-bg-gradient-"] > .elementor-widget-wrap,
.cmx-home-reviews-section,
.biury-home-reviews-section,
section.cmx-home-reviews-section,
section.biury-home-reviews-section,
.biury_home_reviews,
.biury-home-reviews,
[class*="biury_home_reviews"],
[class*="biury-home-reviews"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* --------------------------------------------------------------------------
   3. BORDES Y BOTONES CON GRADIENTE (GRADIENT BORDERS & BUTTONS)
   -------------------------------------------------------------------------- */

/* Tarjeta / Contenedor con Borde en Gradiente Vivo */
.biury-card-gradient-border,
.elementor-element.biury-card-gradient-border {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  z-index: 1 !important;
}

.biury-card-gradient-border::before,
.elementor-element.biury-card-gradient-border::before {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  background: linear-gradient(135deg, #FF7B89, #F440A8, #8B5CF6) !important;
  border-radius: 18px !important;
  z-index: -1 !important;
  transition: opacity 0.3s ease, filter 0.3s ease !important;
}

.biury-card-gradient-border:hover::before {
  filter: drop-shadow(0px 4px 12px rgba(244, 64, 168, 0.4)) !important;
}

/* --------------------------------------------------------------------------
   4. MODIFICADOR UNIVERSAL: degradado_animado / degradado-animado
   Añade la clase "degradado_animado" (o "degradado-animado") a cualquier elemento 
   con degradado para activar su animación fluida tenue. Si se retira, queda estático.
   -------------------------------------------------------------------------- */

/* Animación para TEXTOS con degradado */
.degradado_animado[class*="biury-gradient-text-"],
.degradado-animado[class*="biury-gradient-text-"],
.degradado_animado .elementor-heading-title,
.degradado-animado .elementor-heading-title,
.degradado_animado h1, .degradado_animado h2, .degradado_animado h3, .degradado_animado h4, .degradado_animado p, .degradado_animado span, .degradado_animado a,
.degradado-animado h1, .degradado-animado h2, .degradado-animado h3, .degradado-animado h4, .degradado-animado p, .degradado-animado span, .degradado-animado a,
[class*="biury-gradient-text-"].degradado_animado h1,
[class*="biury-gradient-text-"].degradado_animado h2,
[class*="biury-gradient-text-"].degradado_animado h3,
[class*="biury-gradient-text-"].degradado_animado h4,
[class*="biury-gradient-text-"].degradado_animado p,
[class*="biury-gradient-text-"].degradado_animado span,
[class*="biury-gradient-text-"].degradado_animado a,
[class*="biury-gradient-text-"].degradado-animado h1,
[class*="biury-gradient-text-"].degradado-animado h2,
[class*="biury-gradient-text-"].degradado-animado h3,
[class*="biury-gradient-text-"].degradado-animado h4,
[class*="biury-gradient-text-"].degradado-animado p,
[class*="biury-gradient-text-"].degradado-animado span,
[class*="biury-gradient-text-"].degradado-animado a {
  background-size: 250% auto !important;
  animation: biury-gradient-flow 8s ease infinite !important;
}

/* Animación para FONDOS de Sección o Contenedores */
.degradado_animado[class*="biury-bg-gradient-"],
.degradado-animado[class*="biury-bg-gradient-"],
.elementor-element.degradado_animado[class*="biury-bg-gradient-"],
.elementor-element.degradado-animado[class*="biury-bg-gradient-"],
.degradado_animado.biury-bg-vivid-sec-1,
.degradado-animado.biury-bg-vivid-sec-1 {
  background-size: 250% 250% !important;
  animation: biury-bg-gradient-flow 10s ease infinite !important;
}

/* Animación para BOTONES con degradado */
.degradado_animado.biury-btn-gradient,
.degradado-animado.biury-btn-gradient,
.elementor-button.degradado_animado.biury-btn-gradient,
.elementor-button.degradado-animado.biury-btn-gradient {
  background-size: 250% auto !important;
  animation: biury-gradient-flow 8s ease infinite !important;
}

/* Keyframes para Fondos Animados */
@keyframes biury-bg-gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* =============================================================================
   CLASE: BORDES REDONDEADOS 15PX PARA SHOPPABLE VIDEO (.shoppable-video-rounded-15 / .shoppable-video-rounded)
   ============================================================================= */

.shoppable-video-rounded-15,
.biury-shoppable-rounded,
.shoppable-video-rounded {
  --shoppable-radius: 15px;
}

/* 1. Contenedor de Video (Superior) */
.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper,
.ecomus-shoppable-video.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper,
.ecomus-shoppable-video.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper {
  border-radius: var(--shoppable-radius, 15px) !important;
  overflow: hidden !important;
  isolation: isolate;
}

.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper video,
.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper iframe,
.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper img,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper video,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper iframe,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper img,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper video,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper iframe,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper img {
  border-radius: var(--shoppable-radius, 15px) !important;
  overflow: hidden !important;
}
/* Sunset Luxury Gradient (Fondo cálido luxury con degradado diagonal) */
.biury-bg-gradient-sunset,
.elementor-element.biury-bg-gradient-sunset {
  background-color: #12091F !important;
  background-image: linear-gradient(135deg, #FF7B89 0%, #F440A8 40%, #8B5CF6 80%, #12091F 100%) !important;
}

/* Mesh 3D Rosa Blush (Auras flotantes tridimensionales en tonos rosa y crema) */
.biury-bg-gradient-mesh-pink,
.elementor-element.biury-bg-gradient-mesh-pink {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(244, 64, 168, 0.25) 0%, transparent 45%),
    radial-gradient(circle at 90% 30%, rgba(255, 123, 137, 0.3) 0%, transparent 50%),
    radial-gradient(circle at 50% 85%, rgba(139, 92, 246, 0.18) 0%, transparent 55%) !important;
}

/* Mesh 3D Dorado & Nude (Ambiente cálido luxury con destellos champán) */
.biury-bg-gradient-mesh-gold,
.elementor-element.biury-bg-gradient-mesh-gold {
  background-color: #FAF4EE !important;
  background-image: 
    radial-gradient(circle at 15% 15%, rgba(251, 191, 36, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 85% 25%, rgba(244, 63, 94, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 50% 80%, rgba(206, 160, 126, 0.25) 0%, transparent 55%) !important;
}

/* Degradado Pastel Blush (Delicado para secciones de texto o catálogo) */
.biury-bg-gradient-soft-blush,
.elementor-element.biury-bg-gradient-soft-blush {
  background-color: #FAF4EE !important;
  background-image: linear-gradient(180deg, #FAF4EE 0%, #FDE8EF 50%, #FAF4EE 100%) !important;
}

/* Modo Oscuro Cyberpunk Neón (Fondo azabache con focos neón magenta y cian) */
.biury-bg-gradient-neon-cyber,
.elementor-element.biury-bg-gradient-neon-cyber {
  background-color: #08060D !important;
  background-image: 
    radial-gradient(circle at 20% 20%, rgba(244, 64, 168, 0.35) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(6, 182, 212, 0.3) 0%, transparent 50%) !important;
}

/* Degradado Diagonal Oficial Biury (#F440A8 -> #EF7088) */
.biury-bg-gradient-biury-brand,
.elementor-element.biury-bg-gradient-biury-brand {
  background-color: #F440A8 !important;
  background-image: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
}

/* Limpieza universal de contenedores internos Elementor para la serie de gradientes */
[class*="biury-bg-gradient-"] > .e-con-inner,
[class*="biury-bg-gradient-"] > .elementor-container,
[class*="biury-bg-gradient-"] > .elementor-widget-wrap,
.cmx-home-reviews-section,
.biury-home-reviews-section,
section.cmx-home-reviews-section,
section.biury-home-reviews-section,
.biury_home_reviews,
.biury-home-reviews,
[class*="biury_home_reviews"],
[class*="biury-home-reviews"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* --------------------------------------------------------------------------
   3. BORDES Y BOTONES CON GRADIENTE (GRADIENT BORDERS & BUTTONS)
   -------------------------------------------------------------------------- */

/* Tarjeta / Contenedor con Borde en Gradiente Vivo */
.biury-card-gradient-border,
.elementor-element.biury-card-gradient-border {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  z-index: 1 !important;
}

.biury-card-gradient-border::before,
.elementor-element.biury-card-gradient-border::before {
  content: "" !important;
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  background: linear-gradient(135deg, #FF7B89, #F440A8, #8B5CF6) !important;
  border-radius: 18px !important;
  z-index: -1 !important;
  transition: opacity 0.3s ease, filter 0.3s ease !important;
}

.biury-card-gradient-border:hover::before {
  filter: drop-shadow(0px 4px 12px rgba(244, 64, 168, 0.4)) !important;
}

/* --------------------------------------------------------------------------
   4. MODIFICADOR UNIVERSAL: degradado_animado / degradado-animado
   Añade la clase "degradado_animado" (o "degradado-animado") a cualquier elemento 
   con degradado para activar su animación fluida tenue. Si se retira, queda estático.
   -------------------------------------------------------------------------- */

/* Animación para TEXTOS con degradado */
.degradado_animado[class*="biury-gradient-text-"],
.degradado-animado[class*="biury-gradient-text-"],
.degradado_animado .elementor-heading-title,
.degradado-animado .elementor-heading-title,
.degradado_animado h1, .degradado_animado h2, .degradado_animado h3, .degradado_animado h4, .degradado_animado p, .degradado_animado span, .degradado_animado a,
.degradado-animado h1, .degradado-animado h2, .degradado-animado h3, .degradado-animado h4, .degradado-animado p, .degradado-animado span, .degradado-animado a,
[class*="biury-gradient-text-"].degradado_animado h1,
[class*="biury-gradient-text-"].degradado_animado h2,
[class*="biury-gradient-text-"].degradado_animado h3,
[class*="biury-gradient-text-"].degradado_animado h4,
[class*="biury-gradient-text-"].degradado_animado p,
[class*="biury-gradient-text-"].degradado_animado span,
[class*="biury-gradient-text-"].degradado_animado a,
[class*="biury-gradient-text-"].degradado-animado h1,
[class*="biury-gradient-text-"].degradado-animado h2,
[class*="biury-gradient-text-"].degradado-animado h3,
[class*="biury-gradient-text-"].degradado-animado h4,
[class*="biury-gradient-text-"].degradado-animado p,
[class*="biury-gradient-text-"].degradado-animado span,
[class*="biury-gradient-text-"].degradado-animado a {
  background-size: 250% auto !important;
  animation: biury-gradient-flow 8s ease infinite !important;
}

/* Animación para FONDOS de Sección o Contenedores */
.degradado_animado[class*="biury-bg-gradient-"],
.degradado-animado[class*="biury-bg-gradient-"],
.elementor-element.degradado_animado[class*="biury-bg-gradient-"],
.elementor-element.degradado-animado[class*="biury-bg-gradient-"],
.degradado_animado.biury-bg-vivid-sec-1,
.degradado-animado.biury-bg-vivid-sec-1 {
  background-size: 250% 250% !important;
  animation: biury-bg-gradient-flow 10s ease infinite !important;
}

/* Animación para BOTONES con degradado */
.degradado_animado.biury-btn-gradient,
.degradado-animado.biury-btn-gradient,
.elementor-button.degradado_animado.biury-btn-gradient,
.elementor-button.degradado-animado.biury-btn-gradient {
  background-size: 250% auto !important;
  animation: biury-gradient-flow 8s ease infinite !important;
}

/* Keyframes para Fondos Animados */
@keyframes biury-bg-gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* =============================================================================
   CLASE: BORDES REDONDEADOS 15PX PARA SHOPPABLE VIDEO (.shoppable-video-rounded-15 / .shoppable-video-rounded)
   ============================================================================= */

.shoppable-video-rounded-15,
.biury-shoppable-rounded,
.shoppable-video-rounded {
  --shoppable-radius: 15px;
}

/* 1. Contenedor de Video (Superior) */
.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper,
.ecomus-shoppable-video.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper,
.ecomus-shoppable-video.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper {
  border-radius: var(--shoppable-radius, 15px) !important;
  overflow: hidden !important;
  isolation: isolate;
}

.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper video,
.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper iframe,
.shoppable-video-rounded-15 .ecomus-shoppable-video__video-wrapper img,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper video,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper iframe,
.biury-shoppable-rounded .ecomus-shoppable-video__video-wrapper img,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper video,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper iframe,
.shoppable-video-rounded .ecomus-shoppable-video__video-wrapper img {
  border-radius: var(--shoppable-radius, 15px) !important;
  overflow: hidden !important;
}

/* 2. Contenedor de Producto (Inferior) */
.shoppable-video-rounded-15 .ecomus-shoppable-video__product,
.biury-shoppable-rounded .ecomus-shoppable-video__product,
.shoppable-video-rounded .ecomus-shoppable-video__product,
.ecomus-shoppable-video.shoppable-video-rounded-15 .ecomus-shoppable-video__product,
.ecomus-shoppable-video.biury-shoppable-rounded .ecomus-shoppable-video__product {
  border-radius: var(--shoppable-radius, 15px) !important;
  overflow: hidden !important;
}

/* 3. Imagen del producto dentro de la tarjeta inferior */
.shoppable-video-rounded-15 .ecomus-shoppable-video__product-image img,
.biury-shoppable-rounded .ecomus-shoppable-video__product-image img,
.shoppable-video-rounded .ecomus-shoppable-video__product-image img {
  border-radius: calc(var(--shoppable-radius, 15px) - 3px) !important;
}

/* 4. Botón de compra / acción dentro de la tarjeta inferior */
.shoppable-video-rounded-15 .ecomus-shoppable-video__product-button,
.biury-shoppable-rounded .ecomus-shoppable-video__product-button,
.shoppable-video-rounded .ecomus-shoppable-video__product-button {
  border-radius: calc(var(--shoppable-radius, 15px) - 3px) !important;
}

/* =============================================================================
   FOOTER — CONTENEDOR CON BORDE 3PX Y FONDO BLANCO (.footer-content-box / .biury-footer-box)
   ============================================================================= */

.footer-content-box,
.biury-footer-box,
.footer-box-card,
.footer-card-box,
.footer-box-3px {
  --footer-box-bg: #FFFFFF;
  --footer-box-border: #2E2926;
  --footer-box-border-width: 3px;
  --footer-box-radius: 0px;
  --footer-text-color: #2E2926;
  --footer-heading-color: #2E2926;
  --footer-link-color: #2E2926;
  --footer-link-hover: #F440A8;

  background-color: var(--footer-box-bg, #FFFFFF) !important;
  background: var(--footer-box-bg, #FFFFFF) !important;
  border: var(--footer-box-border-width, 3px) solid var(--footer-box-border, #2E2926) !important;
  border-radius: var(--footer-box-radius, 0px) !important;
  padding: 32px 36px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  box-shadow: 0 8px 24px rgba(46, 41, 38, 0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Responsivo para móviles */
@media (max-width: 768px) {
  .footer-content-box,
  .biury-footer-box,
  .footer-box-card,
  .footer-card-box,
  .footer-box-3px {
    padding: 24px 20px !important;
    border-radius: 0 !important;
  }
}

/* Manejo en caso de que se aplique directamente al contenedor de Elementor */
.elementor-element.footer-content-box > .elementor-widget-container,
.elementor-element.biury-footer-box > .elementor-widget-container,
.elementor-element.footer-box-card > .elementor-widget-container,
.elementor-element.footer-box-3px > .elementor-widget-container {
  background-color: transparent !important;
}

/* Textos dentro del contenedor (heredan o usan variables) */
.footer-content-box,
.footer-content-box p,
.footer-content-box span,
.footer-content-box div,
.footer-content-box li,
.biury-footer-box,
.biury-footer-box p,
.biury-footer-box span,
.biury-footer-box div,
.biury-footer-box li {
  color: var(--footer-text-color, #2E2926);
}

/* Encabezados por defecto dentro de la caja (si no tienen graffiti) */
.footer-content-box h1,
.footer-content-box h2,
.footer-content-box h3,
.footer-content-box h4,
.footer-content-box h5,
.footer-content-box h6,
.biury-footer-box h1,
.biury-footer-box h2,
.biury-footer-box h3,
.biury-footer-box h4,
.biury-footer-box h5,
.biury-footer-box h6 {
  color: var(--graffiti-inner, var(--footer-heading-color, #2E2926));
  font-weight: 700;
}

/* Enlaces y listas dentro del contenedor */
.footer-content-box a,
.footer-content-box ul li a,
.footer-content-box .elementor-icon-list-item a,
.footer-content-box .elementor-icon-list-text,
.biury-footer-box a,
.biury-footer-box ul li a {
  color: var(--footer-link-color, #2E2926);
  transition: color 0.25s ease, transform 0.25s ease;
}

.footer-content-box a:hover,
.footer-content-box ul li a:hover,
.footer-content-box .elementor-icon-list-item a:hover,
.footer-content-box .elementor-icon-list-item:hover .elementor-icon-list-text,
.biury-footer-box a:hover,
.biury-footer-box ul li a:hover {
  color: var(--footer-link-hover, #F440A8);
}

/* =============================================================================
   VARIABLES GLOBALES POR DEFECTO PARA EFECTOS GRAFFITI
   ============================================================================= */
:root {
  /* Títulos H6 Graffiti */
  --graffiti-inner: #F440A8;
  --graffiti-outer: #2E2926;
  --graffiti-stroke: 2px;
  --graffiti-shadow: #2E2926;
  --graffiti-shadow-offset: 3px;

  /* Enlaces <a> Graffiti */
  --link-graffiti-inner: #FAF4EE;
  --link-graffiti-outer: #2E2926;
  --link-graffiti-stroke: 1.2px;
  --link-graffiti-shadow: #2E2926;
  --link-graffiti-shadow-offset: 2px;
  --link-graffiti-hover-inner: #F440A8;
  --link-graffiti-hover-outer: #2E2926;

  /* Textos y Spans Graffiti */
  --text-graffiti-inner: #FAF4EE;
  --text-graffiti-outer: #2E2926;
  --text-graffiti-stroke: 1.2px;
  --text-graffiti-shadow: #2E2926;
  --text-graffiti-shadow-offset: 1.5px;

  /* Aura / Resplandor Neón del Logo del Footer */
  --logo-aura-color: #F440A8;
  --logo-aura-range: 5px;
  --logo-aura-intensity: 0.65;
  --logo-aura-core: #FFFFFF;
  --logo-aura-core-range: 1.5px;
}

/* =============================================================================
   1. TITULOS ESTILO GRAFFITI 2 TONOS PARA H6 (.footer-title-graffiti / .footer-h6-graffiti)
   ============================================================================= */
h1.footer-title-graffiti, h2.footer-title-graffiti, h3.footer-title-graffiti,
h4.footer-title-graffiti, h5.footer-title-graffiti, h6.footer-title-graffiti,
h6.footer-h6-graffiti, h6.title-graffiti,
.footer-title-graffiti h1, .footer-title-graffiti h2, .footer-title-graffiti h3,
.footer-title-graffiti h4, .footer-title-graffiti h5, .footer-title-graffiti h6,
.footer-h6-graffiti h6, .title-graffiti h6,
.footer-content-box.footer-title-graffiti h6,
.footer-content-box .footer-title-graffiti h6,
.footer-content-box h6.footer-title-graffiti,
.footer-content-box h6.footer-h6-graffiti,
#site-footer .footer-title-graffiti,
#site-footer .footer-title-graffiti h6,
#site-footer .footer-h6-graffiti,
#site-footer h6.footer-title-graffiti {
  color: var(--graffiti-inner, #F440A8) !important;
  -webkit-text-fill-color: var(--graffiti-inner, #F440A8) !important;
  -webkit-text-stroke: var(--graffiti-stroke, 2px) var(--graffiti-outer, #2E2926) !important;
  paint-order: stroke fill !important;
  text-shadow: var(--graffiti-shadow-offset, 3px) var(--graffiti-shadow-offset, 3px) 0 var(--graffiti-shadow, #2E2926) !important;
  font-weight: 900 !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}

/* =============================================================================
   2. ENLACES Y ELEMENTOS DE LISTA ESTILO GRAFFITI (.footer-links-graffiti / .footer-links-custom)
   ============================================================================= */
.footer-links-graffiti a,
.footer-links-graffiti ul li a,
.footer-links-graffiti .elementor-icon-list-item a,
.footer-links-graffiti .elementor-icon-list-text,
.footer-content-box.footer-links-graffiti a,
.footer-content-box.footer-links-graffiti ul li a,
.footer-content-box .footer-links-graffiti a,
.footer-content-box .footer-links-graffiti ul li a,
a.footer-link-graffiti,
#site-footer .footer-links-graffiti a,
#site-footer .footer-links-graffiti ul li a,
#site-footer .footer-links-graffiti .elementor-icon-list-item a,
#site-footer .footer-links-graffiti .elementor-icon-list-text {
  color: var(--link-graffiti-inner, #FAF4EE) !important;
  -webkit-text-fill-color: var(--link-graffiti-inner, #FAF4EE) !important;
  -webkit-text-stroke: var(--link-graffiti-stroke, 1.2px) var(--link-graffiti-outer, #2E2926) !important;
  paint-order: stroke fill !important;
  text-shadow: var(--link-graffiti-shadow-offset, 2px) var(--link-graffiti-shadow-offset, 2px) 0 var(--link-graffiti-shadow, #2E2926) !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  display: inline-block !important;
  transition: transform 0.25s ease, -webkit-text-fill-color 0.25s ease, -webkit-text-stroke 0.25s ease, text-shadow 0.25s ease, color 0.25s ease !important;
}

.footer-links-graffiti a:hover,
.footer-links-graffiti ul li a:hover,
.footer-links-graffiti .elementor-icon-list-item a:hover,
.footer-links-graffiti .elementor-icon-list-item:hover .elementor-icon-list-text,
.footer-content-box.footer-links-graffiti a:hover,
.footer-content-box.footer-links-graffiti ul li a:hover,
.footer-content-box .footer-links-graffiti a:hover,
.footer-content-box .footer-links-graffiti ul li a:hover,
a.footer-link-graffiti:hover,
#site-footer .footer-links-graffiti a:hover,
#site-footer .footer-links-graffiti ul li a:hover {
  color: var(--link-graffiti-hover-inner, #F440A8) !important;
  -webkit-text-fill-color: var(--link-graffiti-hover-inner, #F440A8) !important;
  -webkit-text-stroke: var(--link-graffiti-stroke, 1.2px) var(--link-graffiti-hover-outer, var(--link-graffiti-outer, #2E2926)) !important;
  transform: translateX(4px);
}

/* Enlaces estilo estándar limpio (sin trazo graffiti) */
.footer-links-custom a,
.footer-links-custom ul li a,
.footer-links-custom .elementor-icon-list-item a,
.footer-links-custom .elementor-icon-list-text,
#site-footer .footer-links-custom a,
#site-footer .footer-links-custom ul li a {
  color: var(--footer-link-color, #2E2926) !important;
  font-weight: var(--footer-link-weight, 500) !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.footer-links-custom a:hover,
.footer-links-custom ul li a:hover,
.footer-links-custom .elementor-icon-list-item a:hover,
.footer-links-custom .elementor-icon-list-item:hover .elementor-icon-list-text,
#site-footer .footer-links-custom a:hover,
#site-footer .footer-links-custom ul li a:hover {
  color: var(--footer-link-hover, #F440A8) !important;
  transform: translateX(3px);
}

/* =============================================================================
   3. TEXTOS, SPAN Y COPYRIGHT ESTILO GRAFFITI (.footer-text-graffiti / .footer-span-graffiti / .text-graffiti)
   Aplica a etiquetas <span>, párrafos o textos con o sin style inline.
   Variables configurables en Custom CSS:
     --text-graffiti-inner: #FAF4EE;       (Color de relleno interno del texto)
     --text-graffiti-outer: #2E2926;       (Color del borde / trazo exterior)
     --text-graffiti-stroke: 1.2px;        (Grosor del trazo)
     --text-graffiti-shadow: #2E2926;      (Color de sombra 3D)
     --text-graffiti-shadow-offset: 1.5px; (Distancia de sombra 3D)
   ============================================================================= */
.footer-text-graffiti,
.footer-span-graffiti,
.text-graffiti,
.span-graffiti,
span.footer-text-graffiti,
span.footer-span-graffiti,
span.text-graffiti,
span.span-graffiti,
p.footer-text-graffiti,
.footer-text-graffiti span,
.footer-span-graffiti span,
.text-graffiti span,
.span-graffiti span,
#site-footer .footer-text-graffiti,
#site-footer .footer-text-graffiti span,
#site-footer span.footer-text-graffiti,
#site-footer .footer-span-graffiti,
#site-footer span.footer-span-graffiti,
#site-footer .footer-content-box.footer-text-graffiti span,
#site-footer .footer-content-box .footer-text-graffiti span,
#site-footer .footer-content-box span.footer-text-graffiti {
  color: var(--text-graffiti-inner, #FAF4EE) !important;
  -webkit-text-fill-color: var(--text-graffiti-inner, #FAF4EE) !important;
  -webkit-text-stroke: var(--text-graffiti-stroke, 1.2px) var(--text-graffiti-outer, #2E2926) !important;
  paint-order: stroke fill !important;
  text-shadow: var(--text-graffiti-shadow-offset, 1.5px) var(--text-graffiti-shadow-offset, 1.5px) 0 var(--text-graffiti-shadow, #2E2926) !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  display: inline-block !important;
  transition: transform 0.25s ease, -webkit-text-fill-color 0.25s ease, -webkit-text-stroke 0.25s ease, text-shadow 0.25s ease !important;
}

/* =============================================================================
   4. BLOQUE EN LÍNEA: TÍTULO + IMAGEN / BADGES (.footer-inline-badge / .footer-secure-badge)
   En Escritorio: Título al lado de los badges (fila horizontal centrada verticalmente)
   En Móvil (<= 768px): Título arriba y badges centrados abajo (columna)
   ============================================================================= */
.footer-inline-badge,
.footer-secure-badge,
.footer-badge-row,
#site-footer .footer-inline-badge,
#site-footer .footer-secure-badge {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.footer-inline-badge h1,
.footer-inline-badge h2,
.footer-inline-badge h3,
.footer-inline-badge h4,
.footer-inline-badge h5,
.footer-inline-badge h6,
.footer-secure-badge h1,
.footer-secure-badge h2,
.footer-secure-badge h3,
.footer-secure-badge h4,
.footer-secure-badge h5,
.footer-secure-badge h6,
.footer-badge-row h6 {
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.footer-inline-badge img,
.footer-secure-badge img,
.footer-badge-row img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

/* Grilla de Sellos de Seguridad en Cajas */
.biury-secure-grid {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.biury-secure-item {
  height: 38px !important;
  min-width: 90px !important;
  max-width: 115px !important;
  padding: 3px 6px !important;
  border: 2px solid var(--biury-pay-border, #2E2926) !important;
  border-radius: 0 !important;
  background-color: var(--biury-pay-bg, #FFFFFF) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}

.biury-secure-item:hover {
  transform: translateY(-1.5px) !important;
  box-shadow: 2px 2px 0 var(--biury-pay-border, #2E2926) !important;
}

.biury-secure-item img {
  max-height: 22px !important;
  max-width: 88% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

@media (max-width: 768px) {
  .footer-inline-badge,
  .footer-secure-badge,
  .footer-badge-row,
  #site-footer .footer-inline-badge,
  #site-footer .footer-secure-badge {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
  }

  .footer-inline-badge h1,
  .footer-inline-badge h2,
  .footer-inline-badge h3,
  .footer-inline-badge h4,
  .footer-inline-badge h5,
  .footer-inline-badge h6,
  .footer-secure-badge h6,
  .footer-badge-row h6 {
    text-align: center !important;
    margin: 0 auto !important;
  }

  .biury-secure-grid {
    justify-content: center !important;
    gap: 6px !important;
  }

  .biury-secure-item {
    height: 34px !important;
    min-width: 80px !important;
    max-width: 105px !important;
    padding: 2px 5px !important;
    border-width: 1.8px !important;
  }

  .biury-secure-item img {
    max-height: 18px !important;
    max-width: 90% !important;
  }
}

/* =============================================================================
   5. PALETAS RÁPIDAS (Clases auxiliares)
   ============================================================================= */

/* Para H6 Graffiti */
.graffiti-pink-dark {
  --graffiti-inner: #F440A8 !important;
  --graffiti-outer: #2E2926 !important;
  --graffiti-shadow: #2E2926 !important;
}

.graffiti-coral-dark {
  --graffiti-inner: #EF7088 !important;
  --graffiti-outer: #2E2926 !important;
  --graffiti-shadow: #2E2926 !important;
}

.graffiti-cream-dark {
  --graffiti-inner: #FAF4EE !important;
  --graffiti-outer: #2E2926 !important;
  --graffiti-shadow: #2E2926 !important;
}

.graffiti-white-pink {
  --graffiti-inner: #FFFFFF !important;
  --graffiti-outer: #F440A8 !important;
  --graffiti-shadow: rgba(244, 64, 168, 0.4) !important;
}

.graffiti-white-dark {
  --graffiti-inner: #FFFFFF !important;
  --graffiti-outer: #2E2926 !important;
  --graffiti-shadow: #2E2926 !important;
}

.graffiti-dark-white {
  --graffiti-inner: #2E2926 !important;
  --graffiti-outer: #FFFFFF !important;
  --graffiti-shadow: rgba(0, 0, 0, 0.3) !important;
}

.graffiti-purple-dark,
.graffiti-morado-dark {
  --graffiti-inner: #9362CB !important;
  --graffiti-outer: #2E2926 !important;
  --graffiti-shadow: #2E2926 !important;
}

/* Para Enlaces <a> con Estilo Graffiti */
.links-graffiti-cream-dark {
  --link-graffiti-inner: #FAF4EE !important;
  --link-graffiti-outer: #2E2926 !important;
  --link-graffiti-shadow: #2E2926 !important;
  --link-graffiti-hover-inner: #F440A8 !important;
  --link-graffiti-hover-outer: #2E2926 !important;
}

.links-graffiti-white-dark {
  --link-graffiti-inner: #FFFFFF !important;
  --link-graffiti-outer: #2E2926 !important;
  --link-graffiti-shadow: #2E2926 !important;
  --link-graffiti-hover-inner: #F440A8 !important;
  --link-graffiti-hover-outer: #2E2926 !important;
}

.links-graffiti-pink-dark {
  --link-graffiti-inner: #F440A8 !important;
  --link-graffiti-outer: #2E2926 !important;
  --link-graffiti-shadow: #2E2926 !important;
  --link-graffiti-hover-inner: #EF7088 !important;
  --link-graffiti-hover-outer: #2E2926 !important;
}

.links-graffiti-coral-dark {
  --link-graffiti-inner: #EF7088 !important;
  --link-graffiti-outer: #2E2926 !important;
  --link-graffiti-shadow: #2E2926 !important;
  --link-graffiti-hover-inner: #F440A8 !important;
  --link-graffiti-hover-outer: #2E2926 !important;
}

.links-graffiti-dark-white {
  --link-graffiti-inner: #2E2926 !important;
  --link-graffiti-outer: #FFFFFF !important;
  --link-graffiti-shadow: rgba(0, 0, 0, 0.3) !important;
  --link-graffiti-hover-inner: #F440A8 !important;
  --link-graffiti-hover-outer: #FFFFFF !important;
}

.links-graffiti-purple-dark,
.links-graffiti-morado-dark {
  --link-graffiti-inner: #9362CB !important;
  --link-graffiti-outer: #2E2926 !important;
  --link-graffiti-shadow: #2E2926 !important;
  --link-graffiti-hover-inner: #F440A8 !important;
  --link-graffiti-hover-outer: #2E2926 !important;
}

/* Para Enlaces <a> Estándar */
.links-hover-pink {
  --footer-link-hover: #F440A8 !important;
}

.links-hover-coral {
  --footer-link-hover: #EF7088 !important;
}

.links-dark {
  --footer-link-color: #2E2926 !important;
  --footer-link-hover: #F440A8 !important;
}

.links-cream {
  --footer-link-color: #FAF4EE !important;
  --footer-link-hover: #F440A8 !important;
}

/* Para Textos y Spans con Estilo Graffiti */
.text-graffiti-dark-white,
.text-graffiti-black-white {
  --text-graffiti-inner: #2E2926 !important;
  --text-graffiti-outer: #FFFFFF !important;
  --text-graffiti-shadow: rgba(0, 0, 0, 0.3) !important;
}

.text-graffiti-white-dark {
  --text-graffiti-inner: #FFFFFF !important;
  --text-graffiti-outer: #2E2926 !important;
  --text-graffiti-shadow: #2E2926 !important;
}

.text-graffiti-pink-dark {
  --text-graffiti-inner: #F440A8 !important;
  --text-graffiti-outer: #2E2926 !important;
  --text-graffiti-shadow: #2E2926 !important;
}

.text-graffiti-cream-dark {
  --text-graffiti-inner: #FAF4EE !important;
  --text-graffiti-outer: #2E2926 !important;
  --text-graffiti-shadow: #2E2926 !important;
}

.text-graffiti-coral-dark {
  --text-graffiti-inner: #EF7088 !important;
  --text-graffiti-outer: #2E2926 !important;
  --text-graffiti-shadow: #2E2926 !important;
}

.text-graffiti-white-pink {
  --text-graffiti-inner: #FFFFFF !important;
  --text-graffiti-outer: #F440A8 !important;
  --text-graffiti-shadow: rgba(244, 64, 168, 0.4) !important;
}

.text-graffiti-pink-white {
  --text-graffiti-inner: #F440A8 !important;
  --text-graffiti-outer: #FFFFFF !important;
  --text-graffiti-shadow: rgba(0, 0, 0, 0.3) !important;
}

.text-graffiti-purple-dark,
.text-graffiti-morado-dark {
  --text-graffiti-inner: #9362CB !important;
  --text-graffiti-outer: #2E2926 !important;
  --text-graffiti-shadow: #2E2926 !important;
}

/* =============================================================================
   LOGO DEL FOOTER — AURA / RESPLANDOR NEÓN ROSA SIN BORDE (.footer-logo-glow / .biury-footer-logo)
   ============================================================================= */
/* Anular cualquier borde o sombra en los contenedores de Elementor / Widget */
.footer-logo-glow,
.footer-logo-neon,
.biury-footer-logo,
.footer-logo,
.elementor-element.footer-logo-glow > .elementor-widget-container,
.elementor-element.footer-logo-neon > .elementor-widget-container,
.elementor-element.biury-footer-logo > .elementor-widget-container {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
/* =============================================================================
   LOGO DEL FOOTER — AURA / RESPLANDOR NEÓN CONFIGURABLE CON VARIABLES CSS
   Variables admitidas (en :root, contenedor o custom CSS del widget):
     --logo-aura-range / --aura-range: Rango/difuminado en px (Ej: 3px, 5px, 8px, 12px)
     --logo-aura-intensity / --aura-intensity: Opacidad/fuerza (Ej: 0.35, 0.65, 0.95)
     --logo-aura-color / --aura-color: Color del resplandor (Ej: #F440A8, #EF7088)
     --logo-aura-core / --aura-core: Color del núcleo interior (Ej: #FFFFFF)
     --logo-aura-core-range / --aura-core-range: Grosor del núcleo (Ej: 1px, 2px)
   ============================================================================= */
/* Anular cualquier borde o sombra en los contenedores de Elementor / Widget */
.footer-logo-glow,
.footer-logo-neon,
.biury-footer-logo,
.footer-logo,
.elementor-element.footer-logo-glow > .elementor-widget-container,
.elementor-element.footer-logo-neon > .elementor-widget-container,
.elementor-element.biury-footer-logo > .elementor-widget-container {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Aplicar EXCLUSIVAMENTE el aura / resplandor neón ceñido a la imagen o SVG */
.site-footer .site-logo img,
.site-footer img.custom-logo,
.site-footer .footer-logo img,
.site-footer .elementor-widget-theme-site-logo img,
.site-footer .biury-footer-logo img,
.footer-content-box .site-logo img,
.footer-content-box img.custom-logo,
.footer-content-box .footer-logo img,
#site-footer .site-logo img,
#site-footer img.custom-logo,
#site-footer .footer-logo img,
.footer-logo-glow img,
.footer-logo-glow svg,
.footer-logo-neon img,
.footer-logo-neon svg,
.biury-footer-logo img,
.biury-footer-logo svg,
.footer-logo img,
.footer-logo svg,
img.footer-logo-glow,
img.footer-logo-neon,
img.biury-footer-logo,
img.footer-logo {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 var(--aura-core-range, var(--logo-aura-core-range, 1.5px)) var(--aura-core, var(--logo-aura-core, #FFFFFF)))
          drop-shadow(0 0 calc(var(--aura-range, var(--logo-aura-range, 5px)) * 0.6) var(--aura-color, var(--logo-aura-color, #F440A8)))
          drop-shadow(0 0 var(--aura-range, var(--logo-aura-range, 5px)) rgba(244, 64, 168, var(--aura-intensity, var(--logo-aura-intensity, 0.65)))) !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  max-width: 100% !important;
  margin-bottom: 6px !important;
  transition: transform 0.3s ease, filter 0.3s ease !important;
}

.footer-logo-glow img:hover,
.footer-logo-glow svg:hover,
.footer-logo-neon img:hover,
.footer-logo-neon svg:hover,
.biury-footer-logo img:hover,
.biury-footer-logo svg:hover,
.site-footer .site-logo img:hover,
.site-footer img.custom-logo:hover,
.footer-content-box .footer-logo img:hover,
img.footer-logo-glow:hover,
img.footer-logo-neon:hover,
img.biury-footer-logo:hover,
img.footer-logo:hover {
  transform: scale(1.02);
  box-shadow: none !important;
  filter: drop-shadow(0 0 calc(var(--aura-core-range, var(--logo-aura-core-range, 1.5px)) * 1.3) var(--aura-core, var(--logo-aura-core, #FFFFFF)))
          drop-shadow(0 0 calc(var(--aura-range, var(--logo-aura-range, 5px)) * 0.8) var(--aura-color, var(--logo-aura-color, #F440A8)))
          drop-shadow(0 0 calc(var(--aura-range, var(--logo-aura-range, 5px)) * 1.3) rgba(244, 64, 168, calc(var(--aura-intensity, var(--logo-aura-intensity, 0.65)) * 1.25))) !important;
}

/* Modificadores de rango predefinidos para Elementor */
.aura-xs, .aura-extra-small { --aura-range: 2.5px !important; --aura-core-range: 1px !important; }
.aura-sm, .aura-small       { --aura-range: 4px !important; --aura-core-range: 1.5px !important; }
.aura-md, .aura-medium      { --aura-range: 7px !important; --aura-core-range: 2px !important; }
.aura-lg, .aura-large       { --aura-range: 11px !important; --aura-core-range: 2.5px !important; }
.aura-xl, .aura-extra-large { --aura-range: 16px !important; --aura-core-range: 3px !important; }

/* Modificadores de intensidad predefinidos para Elementor */
.aura-soft, .aura-suave     { --aura-intensity: 0.35 !important; }
.aura-medium-intensity      { --aura-intensity: 0.65 !important; }
.aura-intense, .aura-fuerte { --aura-intensity: 0.95 !important; }

/* Modificadores de color de aura */
.aura-white                 { --aura-color: #FFFFFF !important; --aura-core: #F440A8 !important; }
.aura-coral                 { --aura-color: #EF7088 !important; }
.aura-purple                { --aura-color: #9362CB !important; }

/* Blindar textos y listas de contacto inferiores para que no hereden sombras ni distorsiones */
.site-footer .elementor-widget-icon-list,
.site-footer .elementor-icon-list-items,
.site-footer .elementor-icon-list-item,
.site-footer .elementor-icon-list-text,
.footer-content-box .elementor-widget-icon-list,
.footer-content-box .elementor-icon-list-items,
.footer-content-box .elementor-icon-list-item,
.footer-content-box .elementor-icon-list-text {
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
}

/* =============================================================================
   ECOMUS IMAGE BOX CAROUSEL — PERSONALIZACIÓN BIURY (MOBILE & DOTS)
   ============================================================================= */

/* 1. Margen lateral y anulación de hover en mobile */
@media (max-width: 768px) {
  .ecomus-image-box-carousel__image-bg {
    margin-left: var(--carousel-banner-margin-x, 12px) !important;
    margin-right: var(--carousel-banner-margin-x, 12px) !important;
    box-sizing: border-box !important;
  }

  /* Desactivar cualquier efecto de zoom, escala o sombra en hover en mobile */
  .ecomus-image-box-carousel .ecomus-image-box-carousel__item,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__item:hover,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__image-bg,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__image-bg:hover,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__image-bg img,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__image-bg img:hover,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__item:hover .ecomus-image-box-carousel__image-bg,
  .ecomus-image-box-carousel .ecomus-image-box-carousel__item:hover .ecomus-image-box-carousel__image-bg img,
  .ecomus-image-box-carousel .swiper-slide:hover,
  .ecomus-image-box-carousel .swiper-slide:hover * {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
}

/* 2. Paginación Dots estilo Biury (Píldora Activa + Tono Rosa Suave) */
.ecomus-image-box-carousel .swiper-pagination,
.ecomus-image-box-carousel .swiper-pagination-bullets,
.ecomus-image-box-carousel .ecomus-carousel-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 18px !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
}

/* Dot inactivo */
.ecomus-image-box-carousel .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 10px !important;
  background: #E8DCE3 !important;
  background-color: #E8DCE3 !important;
  opacity: 1 !important;
  border: 1px solid rgba(244, 64, 168, 0.25) !important;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Eliminar pseudo-elementos oscuros nativos del tema Ecomus */
.ecomus-image-box-carousel .swiper-pagination-bullet::before,
.ecomus-image-box-carousel .swiper-pagination-bullet::after {
  display: none !important;
  content: none !important;
}

/* Dot activo (Píldora Biury con Gradiente Oficial) */
.ecomus-image-box-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px !important;
  background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
  background-color: #F440A8 !important;
  border-color: #F440A8 !important;
  box-shadow: 0 2px 10px rgba(244, 64, 168, 0.45) !important;
  border-radius: 10px !important;
}

/* =============================================================================
   SECCIÓN CATEGORÍAS (Elementor 2302214b) — ESPACIADO SUPERIOR EN MOBILE
   ============================================================================= */
@media (max-width: 767px) {
  .elementor-113 .elementor-element.elementor-element-2302214b,
  .elementor-element.elementor-element-2302214b,
  .elementor-element-2302214b {
    --e-con-grid-template-columns: repeat(1, 1fr);
    --grid-auto-flow: row;
    --padding-top: 24px !important;
    --padding-bottom: 45px;
    --padding-left: 0px;
    --padding-right: 0px;
    padding-top: 24px !important;
  }
}

/* =============================================================================
   PAGINACIÓN DOTS BIURY — SECCIONES ESPECÍFICAS DE ELEMENTOR
   (6574d2c5, 60f22ce7, 19ff8044 / Shoppable Video, 7deb0901, Accesorios)
   ============================================================================= */
.elementor-element-6574d2c5 .swiper-pagination,
.elementor-element-6574d2c5 .swiper-pagination-bullets,
.elementor-element-6574d2c5 .ecomus-carousel-pagination,
.elementor-element-60f22ce7 .swiper-pagination,
.elementor-element-60f22ce7 .swiper-pagination-bullets,
.elementor-element-60f22ce7 .ecomus-carousel-pagination,
.elementor-element-19ff8044 .swiper-pagination,
.elementor-element-19ff8044 .swiper-pagination-bullets,
.elementor-element-19ff8044 .ecomus-carousel-pagination,
.elementor-widget-ecomus-shoppable-video .swiper-pagination,
.elementor-widget-ecomus-shoppable-video .swiper-pagination-bullets,
.elementor-element-7deb0901 .swiper-pagination,
.elementor-element-7deb0901 .swiper-pagination-bullets,
.elementor-element-7deb0901 .ecomus-carousel-pagination,
.seccion-accesorios .swiper-pagination,
.seccion-accesorios .swiper-pagination-bullets {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 18px !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
}

/* Dot inactivo */
.elementor-element-6574d2c5 .swiper-pagination-bullet,
.elementor-element-60f22ce7 .swiper-pagination-bullet,
.elementor-element-19ff8044 .swiper-pagination-bullet,
.elementor-widget-ecomus-shoppable-video .swiper-pagination-bullet,
.elementor-element-7deb0901 .swiper-pagination-bullet,
.seccion-accesorios .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 10px !important;
  background: #E8DCE3 !important;
  background-color: #E8DCE3 !important;
  opacity: 1 !important;
  border: 1px solid rgba(244, 64, 168, 0.25) !important;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Eliminar pseudo-elementos oscuros nativos de Ecomus */
.elementor-element-6574d2c5 .swiper-pagination-bullet::before,
.elementor-element-6574d2c5 .swiper-pagination-bullet::after,
.elementor-element-60f22ce7 .swiper-pagination-bullet::before,
.elementor-element-60f22ce7 .swiper-pagination-bullet::after,
.elementor-element-19ff8044 .swiper-pagination-bullet::before,
.elementor-element-19ff8044 .swiper-pagination-bullet::after,
.elementor-widget-ecomus-shoppable-video .swiper-pagination-bullet::before,
.elementor-widget-ecomus-shoppable-video .swiper-pagination-bullet::after,
.elementor-element-7deb0901 .swiper-pagination-bullet::before,
.elementor-element-7deb0901 .swiper-pagination-bullet::after,
.seccion-accesorios .swiper-pagination-bullet::before,
.seccion-accesorios .swiper-pagination-bullet::after {
  display: none !important;
  content: none !important;
}

/* Dot activo (Píldora Biury con Gradiente Oficial) */
.elementor-element-6574d2c5 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.elementor-element-60f22ce7 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.elementor-element-19ff8044 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.elementor-widget-ecomus-shoppable-video .swiper-pagination-bullet.swiper-pagination-bullet-active,
.elementor-element-7deb0901 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.seccion-accesorios .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px !important;
  background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
  background-color: #F440A8 !important;
  border-color: #F440A8 !important;
  box-shadow: 0 2px 10px rgba(244, 64, 168, 0.45) !important;
  border-radius: 10px !important;
}

/* =============================================================================
   BIURY-NAV-FIX: NAVEGACIÓN Y FLECHAS SHOPPABLE VIDEO (DESKTOP & MOBILE)
   ============================================================================= */

/* 1. Disabled = idéntico a Normal (propiedades + variables) */
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled,
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-outline-dark.swiper-button-disabled,
.elementor-widget-ecomus-shoppable-video.biury-nav-fix span.swiper-button.swiper-button-disabled,
.elementor-element-19ff8044 .swiper-button-disabled,
.elementor-element-19ff8044 .swiper-button-outline-dark.swiper-button-disabled,
.elementor-element-19ff8044 span.swiper-button.swiper-button-disabled {
  --em-arrow-color: #000000 !important;
  --em-arrow-bg-color: transparent !important;
  --em-arrow-border-color: #000000 !important;
  --em-arrow-color-hover: #ffffff !important;
  --em-arrow-bg-color-hover: #000000 !important;
  --em-arrow-border-color-hover: #000000 !important;
  color: #000000 !important;
  background-color: transparent !important;
  border-color: #000000 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  filter: none !important;
}

/* 2. Hover funciona también sobre disabled */
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled:hover,
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-outline-dark.swiper-button-disabled:hover,
.elementor-widget-ecomus-shoppable-video.biury-nav-fix span.swiper-button.swiper-button-disabled:hover,
.elementor-element-19ff8044 .swiper-button-disabled:hover,
.elementor-element-19ff8044 .swiper-button-outline-dark.swiper-button-disabled:hover,
.elementor-element-19ff8044 span.swiper-button.swiper-button-disabled:hover {
  color: #ffffff !important;
  background-color: #EF7088 !important;
  border-color: #EF7088 !important;
  --em-arrow-color: #ffffff !important;
  --em-arrow-bg-color: #000000 !important;
  --em-arrow-border-color: #000000 !important;
}

/* 3. Pseudo-elementos de hover */
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled::before,
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled::after,
.elementor-element-19ff8044 .swiper-button-disabled::before,
.elementor-element-19ff8044 .swiper-button-disabled::after {
  background-color: transparent !important;
}
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled:hover::before,
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled:hover::after,
.elementor-element-19ff8044 .swiper-button-disabled:hover::before,
.elementor-element-19ff8044 .swiper-button-disabled:hover::after {
  background-color: #000000 !important;
}

/* 4. SVG de la flecha */
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled svg,
.elementor-element-19ff8044 .swiper-button-disabled svg {
  color: #000000 !important;
  fill: currentColor !important;
}
.elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button-disabled:hover svg,
.elementor-element-19ff8044 .swiper-button-disabled:hover svg {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* 5. VISIBILIDAD Y POSICIONAMIENTO PERFECTO EN MÓVIL (< 768px) */
@media (max-width: 767px) {
  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button,
  .elementor-element-19ff8044 .swiper-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 42% !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1.5px solid #F0E8EC !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    z-index: 15 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .elementor-swiper-button-prev,
  .elementor-element-19ff8044 .elementor-swiper-button-prev {
    left: 10px !important;
    right: auto !important;
  }

  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .elementor-swiper-button-next,
  .elementor-element-19ff8044 .elementor-swiper-button-next {
    right: 10px !important;
    left: auto !important;
  }

  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button svg,
  .elementor-element-19ff8044 .swiper-button svg {
    width: 10px !important;
    height: 14px !important;
    fill: #2E2926 !important;
    color: #2E2926 !important;
  }

  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button:active,
  .elementor-element-19ff8044 .swiper-button:active {
    background: linear-gradient(135deg, #F440A8 0%, #EF7088 100%) !important;
    border-color: #F440A8 !important;
    transform: translateY(-50%) scale(0.92) !important;
  }
  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .swiper-button:active svg,
  .elementor-element-19ff8044 .swiper-button:active svg {
    fill: #ffffff !important;
    color: #ffffff !important;
  }
}

/* 6. Tablet (768px a 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .elementor-swiper-button-prev,
  .elementor-element-19ff8044 .elementor-swiper-button-prev {
    left: 4px !important;
  }
  .elementor-widget-ecomus-shoppable-video.biury-nav-fix .elementor-swiper-button-next,
  .elementor-element-19ff8044 .elementor-swiper-button-next {
    right: 4px !important;
  }
}