.elementor-55522 .elementor-element.elementor-element-7b82561{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:030px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-55522 .elementor-element.elementor-element-89db246{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-55522 .elementor-element.elementor-element-fdd47ac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-55522 .elementor-element.elementor-element-c2d7ba5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-55522 .elementor-element.elementor-element-e5872a1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-55522 .elementor-element.elementor-element-3cb0432{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-55522 .elementor-element.elementor-element-e3265b3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-55522 .elementor-element.elementor-element-54acdae{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-55522 .elementor-element.elementor-element-54acdae:not(.elementor-motion-effects-element-type-background), .elementor-55522 .elementor-element.elementor-element-54acdae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF8F4;}.elementor-55522 .elementor-element.elementor-element-8e362c5 img{width:64px;}.elementor-55522 .elementor-element.elementor-element-08e4c1b img{width:64px;}.elementor-55522 .elementor-element.elementor-element-7c9c737 img{width:64px;}.elementor-55522 .elementor-element.elementor-element-1fdb0f4 img{width:64px;}.elementor-55522 .elementor-element.elementor-element-7653cc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:020px;--padding-right:20px;}.elementor-55522 .elementor-element.elementor-element-944cc11{text-align:center;}.elementor-55522 .elementor-element.elementor-element-944cc11 .elementor-heading-title{font-family:"Bimbo Pro", Sans-serif;font-size:50px;}.elementor-55522 .elementor-element.elementor-element-1e2b7ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-55522 .elementor-element.elementor-element-1e2b7ad.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-55522 .elementor-element.elementor-element-ae9137f .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-55522 .elementor-element.elementor-element-f49bbe1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55522 .elementor-element.elementor-element-5f08d05{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:24px;}.elementor-55522 .elementor-element.elementor-element-d46da56{text-align:center;}.elementor-55522 .elementor-element.elementor-element-d46da56 .elementor-heading-title{font-family:"Bimbo Pro", Sans-serif;font-size:50px;color:var( --e-global-color-4192dda );}.elementor-55522 .elementor-element.elementor-element-a138555 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-55522 .elementor-element.elementor-element-a138555{text-align:center;color:var( --e-global-color-secondary );}@media(max-width:1024px) and (min-width:768px){.elementor-55522 .elementor-element.elementor-element-5f08d05{--width:100%;}}@media(max-width:1024px){.elementor-55522 .elementor-element.elementor-element-7b82561{--grid-auto-flow:row;}.elementor-55522 .elementor-element.elementor-element-54acdae{--grid-auto-flow:row;}.elementor-55522 .elementor-element.elementor-element-1e2b7ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-55522 .elementor-element.elementor-element-5f08d05{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-55522 .elementor-element.elementor-element-7b82561{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-55522 .elementor-element.elementor-element-54acdae{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-55522 .elementor-element.elementor-element-944cc11 .elementor-heading-title{font-size:52px;line-height:40px;}.elementor-55522 .elementor-element.elementor-element-1e2b7ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-55522 .elementor-element.elementor-element-5f08d05{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* Lista de categorías: scroll horizontal sin barra + rebote en móvil */
.elementor-element-7b82561 {
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(130px, 1fr) !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.elementor-element-7b82561::-webkit-scrollbar { display: none; }
.elementor-element-7b82561 > .e-con {
  scroll-snap-align: start;
  min-width: 0;
}
.elementor-element-7b82561 .elementor-heading-title { white-space: nowrap; }

@media (max-width: 767px) {
  .elementor-element-7b82561.is-nudging > .e-con {
    animation: bbr-cats-nudge 2.6s ease-in-out .6s 3;
  }
}
@keyframes bbr-cats-nudge {
  0%, 45%, 100% { transform: translateX(0); }
  15%           { transform: translateX(-36px); }
  27%           { transform: translateX(4px); }
  36%           { transform: translateX(-8px); }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-element-7b82561.is-nudging > .e-con { animation: none; }
}

.bbr-hero .bbr-seal picture{
  width: 42%;
  display: block;
  position: relative; /* para que quede por encima del aro */
}
.bbr-hero .bbr-seal picture img{
  width: 100%;
  height: auto;
}

/* Vídeo vertical limitado y armonioso con el hero */
.elementor-element-06ef8a6 .e-hosted-video {
  width: 100%;
  max-width: 380px;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  margin-inline: auto;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: rgba(90, 45, 20, .55) 0 40px 80px -40px;
}
.elementor-element-06ef8a6 .e-hosted-video video {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* ===== Sección vídeo: estilo hero ===== */
.elementor-element-06ef8a6 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 70px !important;
  background-color: #F7EEE2 !important;
  background-image:
    radial-gradient(circle 34vw at 82% 12%, rgba(244,181,124,.55), rgba(244,181,124,0)),
    radial-gradient(circle 26vw at 12% 90%, rgba(244,181,124,.35), rgba(244,181,124,0)) !important;
}

/* Ondas arriba y abajo */
.elementor-element-06ef8a6::before,
.elementor-element-06ef8a6::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  z-index: 2;
  pointer-events: none;
}
.elementor-element-06ef8a6::before {
  top: -1px;
  background: radial-gradient(circle at 22px 34px, transparent 21px, #fff 22px) 0 0 / 44px 34px repeat-x;
}
.elementor-element-06ef8a6::after {
  bottom: -1px;
  background: radial-gradient(circle at 22px 0, transparent 21px, #fff 22px) 0 0 / 44px 34px repeat-x;
}

/* Vídeo vertical limitado */
.elementor-element-06ef8a6 .e-hosted-video {
  width: 100%;
  max-width: 380px;
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
  margin-inline: auto;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: rgba(90,45,20,.55) 0 40px 80px -40px;
}
.elementor-element-06ef8a6 .e-hosted-video video {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* ===== Sello "Visto en Instagram" sobre el vídeo ===== */
.bbr-vseal-anchor {
  position: relative;
  width: 100%;
  max-width: 380px; /* mismo ancho que el vídeo */
  height: 0;
  margin: 0 auto;
  z-index: 3;
}

.bbr-vseal {
  position: absolute;
  right: 0;
  bottom: 6%;
  transform: translateX(50%); /* 50% dentro, 50% fuera */
  width: clamp(104px, 11vw, 136px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: transparent;
  color: #FEAF65; /* naranja Bebé Ratón */
  display: grid;
  place-items: center;
}

.bbr-vseal-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: bbr-vseal-spin 26s linear infinite;
}

.bbr-vseal-ring text {
  font-weight: 600;
}

@keyframes bbr-vseal-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 480px) {
  .bbr-vseal { width: 92px; }
}

@media (prefers-reduced-motion: reduce) {
  .bbr-vseal-ring { animation: none; }
}

.bbr-vseal picture {
  width: 42%;
  display: block;
  position: relative;
}
.bbr-vseal picture img {
  width: 100%;
  height: auto;
}

/* Imágenes momcozy y hape: igualar el alto del bloque con el vídeo (solo escritorio) */
@media (min-width: 1025px) {
  .elementor-element-9f4d0a2 img,
  .elementor-element-ddbc83e img {
    width: 100%;
    height: auto;
    aspect-ratio: 609.5 / 327.8;
    object-fit: cover;
    object-position: center;
  }
}

/* Categorías redondas: hover estilo card de producto */
.elementor-element-7b82561 > .e-con{
  transition: transform .35s cubic-bezier(.34,1.56,.64,1);
}
.elementor-element-7b82561 > .e-con .e-image-link-base{
  display:block;
  border-radius:50%;
  transition: box-shadow .3s, transform .35s cubic-bezier(.34,1.56,.64,1);
}
.elementor-element-7b82561 > .e-con picture{
  display:block;
  border-radius:50%;
  overflow:hidden; /* el zoom queda dentro del círculo */
}
.elementor-element-7b82561 > .e-con img.e-image-base{
  transition: transform .6s;
  backface-visibility:hidden;
}
.elementor-element-7b82561 > .e-con .e-heading-base{
  transition: color .3s;
}

@media (hover:hover){
  .elementor-element-7b82561 > .e-con:hover{
    transform: translateY(-6px) rotate(-.4deg);
  }
  .elementor-element-7b82561 > .e-con:hover .e-image-link-base{
    box-shadow: 0 0 0 3px #FEAF65, 0 16px 34px rgba(254,175,101,.28);
  }
  .elementor-element-7b82561 > .e-con:hover img.e-image-base{
    transform: scale(1.06);
  }
  .elementor-element-7b82561 > .e-con:hover .e-heading-base{
    color: #F39A4A;
  }
}

/* =========================================================
   SECCIÓN VÍDEO + IMÁGENES (06ef8a6) — layout responsive + hojas
   Pegar en: Elementor > Ajustes de página > CSS personalizado
   (sustituye las reglas antiguas de .e-hosted-video, .bbr-vseal-anchor
   y la media query de 9f4d0a2/ddbc83e)
   ========================================================= */

/* ---------- Contenedor: grid centrado ---------- */
.elementor .elementor-element.elementor-element-06ef8a6{
  /* ancho del vídeo: limitado por alto de pantalla, ancho disponible y máximo */
  --bbr-gap: clamp(14px, 2.2vw, 28px);
  --bbr-r: 1.6;            /* ancho columna imágenes = vídeo × r */
  --bbr-v: min(420px, calc(76svh * 0.5625), calc((100vw - 2 * var(--bbr-pad) - var(--bbr-gap)) / (1 + var(--bbr-r))));
  --bbr-pad: clamp(16px, 4vw, 48px);
  display: grid !important;
  grid-template-columns: var(--bbr-v) calc(var(--bbr-v) * var(--bbr-r));
  justify-content: center;
  align-items: stretch;
  gap: var(--bbr-gap);
  padding: clamp(64px, 8vw, 96px) var(--bbr-pad) !important;
}
@supports not (height: 1svh){
  .elementor .elementor-element.elementor-element-06ef8a6{
    --bbr-v: min(420px, calc(76vh * 0.5625), calc((100vw - 2 * var(--bbr-pad) - var(--bbr-gap)) / (1 + var(--bbr-r))));
  }
}

/* Columnas: anulamos el 50% / padding de Elementor */
.elementor .elementor-element-06ef8a6 > .elementor-element-b4e17cb,
.elementor .elementor-element-06ef8a6 > .elementor-element-c551eb9{
  width: auto !important;
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
}
/* static para que las hojas se posicionen respecto a la sección */
.elementor .elementor-element-06ef8a6 > .elementor-element-b4e17cb,
.elementor-element-06ef8a6 .elementor-element-1fcec8a{ position: static !important; }

/* ---------- Vídeo ---------- */
.elementor-element-06ef8a6 .elementor-element-ae9137f{ width: 100%; margin: 0 !important; }
.elementor-element-06ef8a6 .e-hosted-video{
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 40px 80px -40px rgba(90,45,20,.55);
  height: auto !important;
  aspect-ratio: 9 / 16 !important;
}
.elementor-element-06ef8a6 .e-hosted-video video{
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}
.bbr-vseal-anchor{
  position: relative;
  width: 100%;
  max-width: none;
  height: 0;
  margin: 0;
  z-index: 3;
}

/* ---------- Imágenes: rellenan exactamente el alto del vídeo ---------- */
.elementor .elementor-element-06ef8a6 > .elementor-element-c551eb9{
  display: flex !important;
  flex-direction: column;
  justify-content: stretch;
  gap: var(--bbr-gap);
}
.elementor-element-06ef8a6 .elementor-element-9f4d0a2,
.elementor-element-06ef8a6 .elementor-element-ddbc83e{
  flex: 1 1 0;
  min-height: 0;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 30px 60px -38px rgba(90,45,20,.5);
}
.elementor-element-06ef8a6 .elementor-element-9f4d0a2 picture,
.elementor-element-06ef8a6 .elementor-element-ddbc83e picture{
  position: absolute; inset: 0; display: block;
}
.elementor-element-06ef8a6 .elementor-element-9f4d0a2 img,
.elementor-element-06ef8a6 .elementor-element-ddbc83e img{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  object-position: 30% center; /* protege el texto de la izquierda */
  display: block;
}

/* ---------- Tablet: imágenes algo menos panorámicas para agrandar el vídeo ---------- */
@media (min-width: 640px) and (max-width: 1024px){
  .elementor .elementor-element.elementor-element-06ef8a6{ --bbr-r: 1.35; }
}

/* ---------- Móvil (< 640px): una columna ---------- */
@media (max-width: 639px){
  .elementor .elementor-element.elementor-element-06ef8a6{
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 18px;
  }
  .elementor .elementor-element-06ef8a6 > .elementor-element-b4e17cb{
    width: min(100%, 400px) !important;
  }
  .elementor .elementor-element-06ef8a6 > .elementor-element-c551eb9{
    width: min(100%, 400px) !important;
    gap: 14px;
  }
  .elementor-element-06ef8a6 .elementor-element-9f4d0a2,
  .elementor-element-06ef8a6 .elementor-element-ddbc83e{
    flex: none;
    aspect-ratio: 609.5 / 327.8;
  }
  .bbr-vseal{ transform: translateX(28%) !important; }
}

/* ---------- Hojas cayendo (mismo estilo que el hero) ---------- */
.elementor-element-06ef8a6 .bbr-leaves{
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.elementor-element-06ef8a6 .bbr-leaf{
  position: absolute;
  top: -6%;
  width: var(--s, 28px);
  opacity: 0;
  will-change: top, transform;
  animation: bbr-fall-sec var(--d, 16s) linear var(--delay, 0s) infinite;
}
.elementor-element-06ef8a6 .bbr-leaf svg{
  display: block;
  width: 100%;
  height: auto;
  animation: bbr-sway calc(var(--d, 16s) / 4) ease-in-out infinite alternate;
}
/* cae a lo alto de TODA la sección (en móvil es mucho más alta que 100vh) */
@keyframes bbr-fall-sec{
  0%   { top: -6%;  transform: translate3d(0,0,0) rotate(0deg); opacity: 0; }
  8%   { opacity: .85; }
  90%  { opacity: .85; }
  100% { top: 104%; transform: translate3d(var(--x,60px),0,0) rotate(var(--r,320deg)); opacity: 0; }
}
@keyframes bbr-sway{
  0%   { transform: rotate(-18deg) translateX(-10px); }
  100% { transform: rotate(18deg)  translateX(10px); }
}
@media (max-width: 639px){
  .elementor-element-06ef8a6 .bbr-leaf{ width: calc(var(--s, 28px) * .8); }
}
@media (prefers-reduced-motion: reduce){
  .elementor-element-06ef8a6 .bbr-leaf{ display: none; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bimbo Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beberaton.es/wp-content/uploads/2025/11/bimbo-regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */