.elementor-288 .elementor-element.elementor-element-31f6dce{--display:flex;--min-height:100vh;--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:space-around;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-288 .elementor-element.elementor-element-31f6dce:not(.elementor-motion-effects-element-type-background), .elementor-288 .elementor-element.elementor-element-31f6dce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3A4EFF00;background-image:url("https://somosricorico.com/wp-content/uploads/2025/12/fondo_menu_ordenador.svg");background-position:center left;}.elementor-288 .elementor-element.elementor-element-3c4f80c{--spacer-size:139px;}.elementor-288 .elementor-element.elementor-element-cff1eba{--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;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-9af7cd4{margin:-83px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:32px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-288 .elementor-element.elementor-element-9af7cd4 .elementor-icon-list-text{color:#1AFFC700;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-e0986dd .elementor-heading-title{font-family:"PASSION ONE", Sans-serif;font-size:7vw;font-weight:900;text-transform:uppercase;line-height:91px;letter-spacing:0px;color:#F9F9F9;}.elementor-288 .elementor-element.elementor-element-80f2aba{text-align:end;}.elementor-288 .elementor-element.elementor-element-80f2aba .elementor-heading-title{font-family:"PASSION ONE", Sans-serif;font-size:7vw;font-weight:900;text-transform:uppercase;line-height:91px;letter-spacing:0px;color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-4957405 .elementor-heading-title{font-family:"PASSION ONE", Sans-serif;font-size:7vw;font-weight:900;text-transform:uppercase;line-height:91px;letter-spacing:0px;color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-6c852aa .elementor-heading-title{font-family:"PASSION ONE", Sans-serif;font-size:7vw;font-weight:900;text-transform:uppercase;line-height:91px;letter-spacing:0px;color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-763358a{--display:flex;--min-height:133px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-288 .elementor-element.elementor-element-b62f98f{text-align:end;font-family:"Helvetica Neue", Sans-serif;font-size:15px;font-weight:700;line-height:19px;color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-b62f98f p{margin-block-end: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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-288 .elementor-element.elementor-element-aeb297a .elementor-button{background-color:var( --e-global-color-accent );font-family:"Helvetica Neue", Sans-serif;font-size:19px;font-weight:bold;fill:var( --e-global-color-text );color:var( --e-global-color-text );box-shadow:5px 5px 0px 0px #000000;border-radius:41px 41px 41px 41px;padding:11px 23px 7px 23px;}.elementor-288 .elementor-element.elementor-element-aeb297a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 34px;padding:0px 0px 0px 0px;}.elementor-288 .elementor-element.elementor-element-57cbc3a{--spacer-size:30px;}#elementor-popup-modal-288 .dialog-widget-content{animation-duration:1.1s;background-color:#FF000000;border-style:none;}#elementor-popup-modal-288 .dialog-message{width:62vw;height:auto;}#elementor-popup-modal-288{justify-content:flex-end;align-items:flex-end;pointer-events:all;}#elementor-popup-modal-288 .dialog-close-button{display:flex;top:7%;background-color:#02010100;font-size:93px;}body:not(.rtl) #elementor-popup-modal-288 .dialog-close-button{right:9%;}body.rtl #elementor-popup-modal-288 .dialog-close-button{left:9%;}#elementor-popup-modal-288 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-288 .dialog-close-button svg{fill:var( --e-global-color-accent );}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-31f6dce{--width:100%;}.elementor-288 .elementor-element.elementor-element-cff1eba{--width:87%;}.elementor-288 .elementor-element.elementor-element-763358a{--width:93%;}}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for heading, class: .elementor-element-e0986dd */.works-title{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.15em;

  /* ✅ Reserva espacio para la línea sin mover nada */
  padding-bottom: 0.12em;  /* ajusta 0.08–0.16em */
  line-height: 0;
}

.works-title .heading-image_menu_ord_1{
  max-width: 30% !important;
  border-radius: 20px !important;
  vertical-align: middle !important;
  margin: 0 -10px -10px 5px !important;

  display: none;
  opacity: 0;
  transform: translateY(6px) scale(.98);
  pointer-events: none;
}

.works-title:hover .heading-image_menu_ord_1{
  display: inline-block;
  animation: gifIn .25s ease forwards;
}

@keyframes gifIn{
  from { opacity: 0; transform: translateY(6px) scale(.98); }
  to   { opacity: 1; transform: translateY(0)  scale(1); }
}

.works-label{
  position: relative;
  display: inline-block;
  text-align: right;
  line-height: 1;
}

.works-label::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0.07em;          /* ✅ como lo tenías (pegado al texto) */
  width: 100%;
  height: 0.06em;
  background: #F9F9F9;

  transform: scaleX(0);
  transform-origin: right center;
  opacity: 0;

  transition:
    transform .78s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease;
}

.works-title:hover .works-label::after{
  transform: scaleX(1);
  opacity: 1;
}

@media only screen and (min-width: 767px) and (max-width: 1024px){
  .works-title .heading-image_menu_ord_1{
    max-width: 6% !important;
    border-radius: 13px !important;
  }
}

@media only screen and (max-width: 767px){
  .works-title .heading-image_menu_ord_1{
    max-width: 11% !important;
    border-radius: 150px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-80f2aba */.works-title .heading-image_menu_ord{
  max-width: 19% !important;
  border-radius: 20px !important;
  vertical-align: middle !important;
  margin: 0 0 -3px 0px !important;

  display: none;         /* <-- CLAVE: no ocupa espacio */
  opacity: 0;
  transform: translateY(6px) scale(.98);
  pointer-events: none;
}

/* Hover: el GIF entra en el flujo (reordena) */
.works-title:hover .heading-image_menu_ord{
  display: inline-block; /* <-- CLAVE: ahora sí ocupa espacio */
}

/* Truco para que “parezca” animado aunque display no anime */
.works-title:hover .heading-image_menu_ord{
  animation: gifIn .25s ease forwards;
}

@keyframes gifIn{
  from { opacity: 0; transform: translateY(6px) scale(.98); }
  to   { opacity: 1; transform: translateY(0)  scale(1); }
}
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .heading-image_menu_ord {
        max-width: 6% !important;
        border-radius: 13px !important;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 767px) {
    .heading-image_menu_ord {
        max-width: 11% !important;
        border-radius: 150px !important;
        vertical-align: middle;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6c852aa */.works-title .heading-image_menu_ord_cont{
  max-width: 10% !important;
  border-radius: 20px !important;
  vertical-align: middle !important;
  margin: 0 0 -3px 0px !important;

  display: none;         /* <-- CLAVE: no ocupa espacio */
  opacity: 0;
  transform: translateY(6px) scale(.98);
  pointer-events: none;
}

/* Hover: el GIF entra en el flujo (reordena) */
.works-title:hover .heading-image_menu_ord_cont{
  display: inline-block; /* <-- CLAVE: ahora sí ocupa espacio */
}

/* Truco para que “parezca” animado aunque display no anime */
.works-title:hover .heading-image_menu_ord_cont{
  animation: gifIn .25s ease forwards;
}

@keyframes gifIn{
  from { opacity: 0; transform: translateY(6px) scale(.98); }
  to   { opacity: 1; transform: translateY(0)  scale(1); }
}
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .heading-image_menu_ord_cont {
        max-width: 6% !important;
        border-radius: 13px !important;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 767px) {
    .heading-image_menu_ord_cont {
        max-width: 11% !important;
        border-radius: 150px !important;
        vertical-align: middle;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b62f98f */.logo_pequeno_contacta {
    max-width: 25% !important;

    vertical-align: middle !important;
    display: inline !important;
    margin: 0 0 7px 0 !important;
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .logo_pequeno_contacta {
        max-width: 6% !important;
        border-radius: 13px !important;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 767px) {
    .logo_pequeno_contacta {
        max-width: 11% !important;
        border-radius: 150px !important;
        vertical-align: middle;
    }
}/* End custom CSS */