.elementor-4232 .elementor-element.elementor-element-b01939e{--display:flex;--min-height:0px;--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;--justify-content:center;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4232 .elementor-element.elementor-element-275cc26{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4232 .elementor-element.elementor-element-ed83c0f{--display:flex;--min-height:500px;--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;}.elementor-4232 .elementor-element.elementor-element-ed83c0f:not(.elementor-motion-effects-element-type-background), .elementor-4232 .elementor-element.elementor-element-ed83c0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yoibyyou.com/wp-content/uploads/2025/07/category-frame.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4232 .elementor-element.elementor-element-36c587f{width:var( --container-widget-width, 395px );max-width:395px;--container-widget-width:395px;--container-widget-flex-grow:0;top:5.5%;}.elementor-4232 .elementor-element.elementor-element-36c587f > .elementor-widget-container{--e-transform-rotateZ:0.5deg;}body:not(.rtl) .elementor-4232 .elementor-element.elementor-element-36c587f{right:52px;}body.rtl .elementor-4232 .elementor-element.elementor-element-36c587f{left:52px;}.elementor-4232 .elementor-element.elementor-element-36c587f img{filter:brightness( 133% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4232 .elementor-element.elementor-element-e400227 > .elementor-widget-container{--e-transform-rotateZ:0.5deg;margin:-17px 0px -18px 0px;}body:not(.rtl) .elementor-4232 .elementor-element.elementor-element-e400227{left:16%;}body.rtl .elementor-4232 .elementor-element.elementor-element-e400227{right:16%;}.elementor-4232 .elementor-element.elementor-element-e400227{bottom:21px;z-index:2;text-align:center;font-family:"Belmonte Ballpoint Cursive", Sans-serif;font-size:3rem;font-weight:400;text-transform:none;}.elementor-4232 .elementor-element.elementor-element-463e972{--display:flex;--min-height:500px;--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;--justify-content:center;}.elementor-4232 .elementor-element.elementor-element-463e972:not(.elementor-motion-effects-element-type-background), .elementor-4232 .elementor-element.elementor-element-463e972 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yoibyyou.com/wp-content/uploads/2025/07/category-frame-back.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4232 .elementor-element.elementor-element-581bf3f{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;top:16%;}.elementor-4232 .elementor-element.elementor-element-581bf3f.e-con{--e-con-transform-rotateZ:0.5deg;--align-self:center;}body:not(.rtl) .elementor-4232 .elementor-element.elementor-element-581bf3f{left:15%;}body.rtl .elementor-4232 .elementor-element.elementor-element-581bf3f{right:15%;}.elementor-4232 .elementor-element.elementor-element-c0a52fb > .elementor-widget-container{--e-transform-rotateZ:0.5deg;margin:-17px 0px 0px 0px;}.elementor-4232 .elementor-element.elementor-element-c0a52fb{z-index:2;text-align:center;font-family:"Belmonte Ballpoint Cursive", Sans-serif;font-size:3rem;font-weight:400;text-transform:none;}.elementor-4232 .elementor-element.elementor-element-51e5af9{width:var( --container-widget-width, 227px );max-width:227px;--container-widget-width:227px;--container-widget-flex-grow:0;text-align:center;font-family:"Aesthet Nova", Sans-serif;font-size:1.25rem;font-weight:300;text-transform:none;line-height:23px;color:var( --e-global-color-accent );}.elementor-4232 .elementor-element.elementor-element-51e5af9 > .elementor-widget-container{margin:0px 0px -9px 0px;padding:0px 0px 0px 0px;}.elementor-4232 .elementor-element.elementor-element-b88d205{width:var( --container-widget-width, 212px );max-width:212px;--container-widget-width:212px;--container-widget-flex-grow:0;text-align:center;font-family:"Aesthet Nova", Sans-serif;font-size:1.25rem;font-weight:500;text-transform:none;line-height:23px;color:var( --e-global-color-accent );}.elementor-4232 .elementor-element.elementor-element-b88d205 > .elementor-widget-container{margin:0px 0px -9px 0px;padding:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-b660880-font-family ), Sans-serif;font-size:var( --e-global-typography-b660880-font-size );font-weight:var( --e-global-typography-b660880-font-weight );text-transform:var( --e-global-typography-b660880-text-transform );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button:hover, .elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button:focus{background-color:var( --e-global-color-354bca3 );color:var( --e-global-color-accent );}.elementor-4232 .elementor-element.elementor-element-91d75ef > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button:hover svg, .elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-4232 .elementor-element.elementor-element-581bf3f{top:14%;}.elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button{font-size:var( --e-global-typography-b660880-font-size );}}@media(max-width:767px){.elementor-4232 .elementor-element.elementor-element-b01939e{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4232 .elementor-element.elementor-element-275cc26{--width:280px;--min-height:344px;}.elementor-4232 .elementor-element.elementor-element-36c587f{--container-widget-width:261px;--container-widget-flex-grow:0;width:var( --container-widget-width, 261px );max-width:261px;top:103px;}body:not(.rtl) .elementor-4232 .elementor-element.elementor-element-36c587f{right:9px;}body.rtl .elementor-4232 .elementor-element.elementor-element-36c587f{left:9px;}.elementor-4232 .elementor-element.elementor-element-e400227 > .elementor-widget-container{margin:-11px 0px -13px 0px;}body:not(.rtl) .elementor-4232 .elementor-element.elementor-element-e400227{left:7%;}body.rtl .elementor-4232 .elementor-element.elementor-element-e400227{right:7%;}.elementor-4232 .elementor-element.elementor-element-e400227{bottom:98px;font-size:2.1rem;}.elementor-4232 .elementor-element.elementor-element-581bf3f{--width:260px;top:24%;}body:not(.rtl) .elementor-4232 .elementor-element.elementor-element-581bf3f{left:4%;}body.rtl .elementor-4232 .elementor-element.elementor-element-581bf3f{right:4%;}.elementor-4232 .elementor-element.elementor-element-c0a52fb > .elementor-widget-container{margin:-11px 0px -13px 0px;}.elementor-4232 .elementor-element.elementor-element-c0a52fb{font-size:2.1rem;}.elementor-4232 .elementor-element.elementor-element-51e5af9{--container-widget-width:180px;--container-widget-flex-grow:0;width:var( --container-widget-width, 180px );max-width:180px;font-size:1rem;}.elementor-4232 .elementor-element.elementor-element-b88d205{--container-widget-width:165px;--container-widget-flex-grow:0;width:var( --container-widget-width, 165px );max-width:165px;font-size:1rem;}.elementor-4232 .elementor-element.elementor-element-91d75ef > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4232 .elementor-element.elementor-element-91d75ef .elementor-button{font-size:var( --e-global-typography-b660880-font-size );}}@media(min-width:768px){.elementor-4232 .elementor-element.elementor-element-275cc26{--width:500px;}.elementor-4232 .elementor-element.elementor-element-ed83c0f{--width:100%;}.elementor-4232 .elementor-element.elementor-element-463e972{--width:100%;}.elementor-4232 .elementor-element.elementor-element-581bf3f{--width:350px;}}/* Start custom CSS for container, class: .elementor-element-275cc26 */.elementor-4232 .elementor-element.elementor-element-275cc26{
    overflow: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b01939e */.flip-container {
  perspective: 1000px; 
}

.card {
  transition: transform 1s;
  transform-style: preserve-3d;
}

.flip-container:hover .card {
  transform: rotateY(180deg);
}

.front, .back {
  position: absolute;
  backface-visibility: hidden;
}
.front {
  
}
.back {
  transform: rotateY(180deg);
}

@media screen and (min-width: 320px) and (max-width: 430px) {
  .card {
    animation: flipLoop 8s infinite;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .card {
    animation: flipLoop 8s infinite;
  }
}

/* 🔁 Animación */
@keyframes flipLoop {
  0%, 45% {
    transform: rotateY(0deg);
  }
  50%, 95% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}/* End custom CSS */