.elementor-4242 .elementor-element.elementor-element-7a16bc9{--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-4242 .elementor-element.elementor-element-81ac3b6{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4242 .elementor-element.elementor-element-94e97cd{--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-4242 .elementor-element.elementor-element-94e97cd:not(.elementor-motion-effects-element-type-background), .elementor-4242 .elementor-element.elementor-element-94e97cd > .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-4242 .elementor-element.elementor-element-d310a58{width:var( --container-widget-width, 395px );max-width:395px;--container-widget-width:395px;--container-widget-flex-grow:0;top:6%;}.elementor-4242 .elementor-element.elementor-element-d310a58 > .elementor-widget-container{--e-transform-rotateZ:0.5deg;}body:not(.rtl) .elementor-4242 .elementor-element.elementor-element-d310a58{right:52px;}body.rtl .elementor-4242 .elementor-element.elementor-element-d310a58{left:52px;}.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-4242 .elementor-element.elementor-element-269ba6c > .elementor-widget-container{--e-transform-rotateZ:0.5deg;margin:-17px 0px -18px 0px;}body:not(.rtl) .elementor-4242 .elementor-element.elementor-element-269ba6c{left:25%;}body.rtl .elementor-4242 .elementor-element.elementor-element-269ba6c{right:25%;}.elementor-4242 .elementor-element.elementor-element-269ba6c{bottom:21px;z-index:2;text-align:center;font-family:"Belmonte Ballpoint Cursive", Sans-serif;font-size:3.4rem;font-weight:400;text-transform:none;}.elementor-4242 .elementor-element.elementor-element-6452192{--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-4242 .elementor-element.elementor-element-6452192:not(.elementor-motion-effects-element-type-background), .elementor-4242 .elementor-element.elementor-element-6452192 > .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-4242 .elementor-element.elementor-element-7789066{--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:10%;}.elementor-4242 .elementor-element.elementor-element-7789066.e-con{--e-con-transform-rotateZ:0.5deg;--align-self:center;}body:not(.rtl) .elementor-4242 .elementor-element.elementor-element-7789066{left:20%;}body.rtl .elementor-4242 .elementor-element.elementor-element-7789066{right:20%;}.elementor-4242 .elementor-element.elementor-element-2976607 > .elementor-widget-container{--e-transform-rotateZ:0.5deg;margin:-17px 0px 0px 0px;}.elementor-4242 .elementor-element.elementor-element-2976607{z-index:2;text-align:center;font-family:"Belmonte Ballpoint Cursive", Sans-serif;font-size:3.4rem;font-weight:400;text-transform:none;}.elementor-4242 .elementor-element.elementor-element-b5f3f1d{width:var( --container-widget-width, 191px );max-width:191px;--container-widget-width:191px;--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-4242 .elementor-element.elementor-element-b5f3f1d > .elementor-widget-container{margin:0px 0px -9px 0px;padding:0px 0px 0px 0px;}.elementor-4242 .elementor-element.elementor-element-c5811cb{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-4242 .elementor-element.elementor-element-c5811cb > .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-4242 .elementor-element.elementor-element-6f6ed63 .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-4242 .elementor-element.elementor-element-6f6ed63 .elementor-button:hover, .elementor-4242 .elementor-element.elementor-element-6f6ed63 .elementor-button:focus{background-color:var( --e-global-color-354bca3 );color:var( --e-global-color-accent );}.elementor-4242 .elementor-element.elementor-element-6f6ed63 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-4242 .elementor-element.elementor-element-6f6ed63 .elementor-button:hover svg, .elementor-4242 .elementor-element.elementor-element-6f6ed63 .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-4242 .elementor-element.elementor-element-7789066{top:13%;}.elementor-4242 .elementor-element.elementor-element-6f6ed63 .elementor-button{font-size:var( --e-global-typography-b660880-font-size );}}@media(max-width:767px){.elementor-4242 .elementor-element.elementor-element-7a16bc9{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4242 .elementor-element.elementor-element-81ac3b6{--width:280px;--min-height:344px;}.elementor-4242 .elementor-element.elementor-element-d310a58{--container-widget-width:261px;--container-widget-flex-grow:0;width:var( --container-widget-width, 261px );max-width:261px;top:103px;}body:not(.rtl) .elementor-4242 .elementor-element.elementor-element-d310a58{right:9px;}body.rtl .elementor-4242 .elementor-element.elementor-element-d310a58{left:9px;}.elementor-4242 .elementor-element.elementor-element-269ba6c > .elementor-widget-container{margin:-11px 0px -13px 0px;}body:not(.rtl) .elementor-4242 .elementor-element.elementor-element-269ba6c{left:21%;}body.rtl .elementor-4242 .elementor-element.elementor-element-269ba6c{right:21%;}.elementor-4242 .elementor-element.elementor-element-269ba6c{bottom:98px;font-size:2.3rem;}.elementor-4242 .elementor-element.elementor-element-7789066{--width:260px;top:24%;}body:not(.rtl) .elementor-4242 .elementor-element.elementor-element-7789066{left:4%;}body.rtl .elementor-4242 .elementor-element.elementor-element-7789066{right:4%;}.elementor-4242 .elementor-element.elementor-element-2976607 > .elementor-widget-container{margin:-11px 0px -13px 0px;}.elementor-4242 .elementor-element.elementor-element-2976607{font-size:2.3rem;}.elementor-4242 .elementor-element.elementor-element-b5f3f1d{--container-widget-width:154px;--container-widget-flex-grow:0;width:var( --container-widget-width, 154px );max-width:154px;font-size:1rem;}.elementor-4242 .elementor-element.elementor-element-c5811cb{--container-widget-width:233px;--container-widget-flex-grow:0;width:var( --container-widget-width, 233px );max-width:233px;font-size:1rem;}.elementor-4242 .elementor-element.elementor-element-6f6ed63 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4242 .elementor-element.elementor-element-6f6ed63 .elementor-button{font-size:var( --e-global-typography-b660880-font-size );}}@media(min-width:768px){.elementor-4242 .elementor-element.elementor-element-81ac3b6{--width:500px;}.elementor-4242 .elementor-element.elementor-element-94e97cd{--width:100%;}.elementor-4242 .elementor-element.elementor-element-6452192{--width:100%;}.elementor-4242 .elementor-element.elementor-element-7789066{--width:300px;}}/* Start custom CSS for container, class: .elementor-element-81ac3b6 */.elementor-4242 .elementor-element.elementor-element-81ac3b6{
    overflow: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a16bc9 */.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 */