.elementor-13 .elementor-element.elementor-element-fc7f8f5{--display:flex;--position:absolute;--min-height:90px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;--z-index:10;}.elementor-13 .elementor-element.elementor-element-fc7f8f5:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-fc7f8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-fc7f8f5{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-fc7f8f5{right:0px;}.elementor-13 .elementor-element.elementor-element-9dbad84{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-15px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-13 .elementor-element.elementor-element-eed921f{text-align:start;}.elementor-13 .elementor-element.elementor-element-eed921f img{width:255px;}.elementor-13 .elementor-element.elementor-element-87829c2{--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;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-menu-toggle{margin:0 auto;}.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;text-decoration:none;}.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-13 .elementor-element.elementor-element-3b43833 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-13 .elementor-element.elementor-element-3b43833 .e--pointer-framed .elementor-item:before,
					.elementor-13 .elementor-element.elementor-element-3b43833 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-13 .elementor-element.elementor-element-ec6a00d{--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;--justify-content:center;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right: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-13 .elementor-element.elementor-element-60f02e8 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-13 .elementor-element.elementor-element-f997708{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.34;}.elementor-13 .elementor-element.elementor-element-f997708:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-f997708 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev-rudos.algoragroup.com.mx/wp-content/uploads/2026/09/Rudos-Hero-Desktop.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-f997708::before, .elementor-13 .elementor-element.elementor-element-f997708 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-f997708 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-f997708 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-f997708 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-f997708 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-f7904e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-13 .elementor-element.elementor-element-f7904e6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-02b7e4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-13 .elementor-element.elementor-element-02b7e4a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:70px;font-weight:800;text-transform:uppercase;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-588fa75{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-13 .elementor-element.elementor-element-588fa75 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-25498e0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c626600 .elementor-button{background-color:#1C60A1;}.elementor-13 .elementor-element.elementor-element-c626600{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-ccf9d9b .elementor-button{background-color:#61CE7000;}.elementor-13 .elementor-element.elementor-element-ccf9d9b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;}.elementor-13 .elementor-element.elementor-element-74bf469{--display:flex;--min-height:400px;--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;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-13 .elementor-element.elementor-element-7531703{--display:flex;}.elementor-13 .elementor-element.elementor-element-a6a39bb{text-align:start;}.elementor-13 .elementor-element.elementor-element-a6a39bb img{width:55px;}.elementor-13 .elementor-element.elementor-element-e318c6f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:800;color:#000000;}.elementor-13 .elementor-element.elementor-element-64d7f6a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-13 .elementor-element.elementor-element-bfcc130{--display:flex;}.elementor-13 .elementor-element.elementor-element-87973ae{text-align:start;}.elementor-13 .elementor-element.elementor-element-87973ae img{width:55px;}.elementor-13 .elementor-element.elementor-element-53a2864 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:800;color:#000000;}.elementor-13 .elementor-element.elementor-element-35e5359 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-13 .elementor-element.elementor-element-ea87840{--display:flex;}.elementor-13 .elementor-element.elementor-element-c286a4f{text-align:start;}.elementor-13 .elementor-element.elementor-element-c286a4f img{width:55px;}.elementor-13 .elementor-element.elementor-element-db1a1ca .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:800;color:#000000;}.elementor-13 .elementor-element.elementor-element-95b2552 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-13 .elementor-element.elementor-element-1f15d40{--display:flex;}.elementor-13 .elementor-element.elementor-element-eafb758{text-align:start;}.elementor-13 .elementor-element.elementor-element-eafb758 img{width:55px;}.elementor-13 .elementor-element.elementor-element-d16b16c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:800;color:#000000;}.elementor-13 .elementor-element.elementor-element-aa3b044 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-fc7f8f5{--content-width:94vw;}.elementor-13 .elementor-element.elementor-element-9dbad84{--width:20%;}.elementor-13 .elementor-element.elementor-element-87829c2{--width:63%;}.elementor-13 .elementor-element.elementor-element-ec6a00d{--width:25%;}.elementor-13 .elementor-element.elementor-element-25498e0{--width:80%;}}/* Start custom CSS for button, class: .elementor-element-60f02e8 *//* ===== Botón "Pedir cotización" del header (clase: btn-rudo-header) ===== */
.btn-rudo-header .elementor-button {
  padding: 14px 28px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: #1C60A1 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 0 rgba(28, 96, 161, 0) !important;
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease !important;
}

.btn-rudo-header .elementor-button-text::after {
  content: "\2192";
  display: inline-block;
  margin-left: 10px;
  transition: transform .25s ease;
}

.btn-rudo-header .elementor-button:hover {
  color: #fff !important;
  background: #2470B8 !important;
  box-shadow: 0 0 0 4px rgba(28, 96, 161, .25), 0 10px 26px rgba(28, 96, 161, .5) !important;
  transform: translateY(-1px);
}
.btn-rudo-header .elementor-button:hover .elementor-button-text::after {
  transform: translateX(6px);
}

.btn-rudo-header .elementor-button:active {
  transform: translateY(1px);
}

.btn-rudo-header .elementor-button:focus-visible {
  outline: 3px solid #F7C600;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .btn-rudo-header .elementor-button,
  .btn-rudo-header .elementor-button-text::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc7f8f5 *//* ==========================================================
   HEADER: transparente arriba, azul marino al hacer scroll
   ========================================================== */

/* Fondo al hacer scroll (sticky) */
.elementor-13 .elementor-element.elementor-element-fc7f8f5.elementor-sticky--effects{
    background-color: rgba(14, 32, 54, 0.9) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

/* Transición suave del fondo y del movimiento */
.elementor-13 .elementor-element.elementor-element-fc7f8f5{
    transition: background-color 1s ease, transform 0.4s ease-in-out !important;
}

/* Altura del header cuando se compacta al hacer scroll */
.elementor-13 .elementor-element.elementor-element-fc7f8f5.elementor-sticky--effects > .elementor-container{
    min-height: 70px;
}

.elementor-13 .elementor-element.elementor-element-fc7f8f5 > .elementor-container{
    transition: min-height 1s ease !important;
}

/* Logo */
.logo img {
    max-width: 290px;
    height: auto;
    transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
    max-width: 270px;
    height: auto;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c626600 *//* ===== Botón Rudo's: azul #1C60A1 que "se enciende" ===== */
.btn-rudo .elementor-button {
  padding: 18px 34px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #fff;
  background: #1C60A1;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0 0 0 rgba(28, 96, 161, 0);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* Flecha */
.btn-rudo .elementor-button-text::after {
  content: "\2192";
  display: inline-block;
  margin-left: 12px;
  transition: transform .25s ease;
}

/* Se enciende: azul más claro y resplandor */
.btn-rudo .elementor-button:hover {
  color: #fff;
  background: #2470B8;
  box-shadow: 0 0 0 4px rgba(28, 96, 161, .25), 0 10px 26px rgba(28, 96, 161, .5);
  transform: translateY(-1px);
}
.btn-rudo .elementor-button:hover .elementor-button-text::after {
  transform: translateX(7px);
}

/* Al hacer clic */
.btn-rudo .elementor-button:active {
  transform: translateY(1px);
  box-shadow: 0 0 0 2px rgba(28, 96, 161, .25);
}

.btn-rudo .elementor-button:focus-visible {
  outline: 3px solid #F7C600;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .btn-rudo .elementor-button,
  .btn-rudo .elementor-button-text::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ccf9d9b *//* ==========================================================
   BOTÓN TRANSPARENTE (secundario)
   Clase en Elementor: btn-rudo-blanco
   ========================================================== */
.btn-rudo-blanco .elementor-button {
  min-width: 230px;
  padding: 16px 32px; /* 2px menos por el borde */
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, .85);
  border-radius: 4px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

/* Flecha */
.btn-rudo-blanco .elementor-button-text::after {
  content: "\2192";
  display: inline-block;
  margin-left: 12px;
  transition: transform .25s ease;
}

/* Hover: se enciende, la letra se queda blanca */
.btn-rudo-blanco .elementor-button:hover {
  color: #fff;
  background: rgba(255, 255, 255, .18);
  border-color: #fff;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .18), 0 10px 26px rgba(0, 0, 0, .35);
  transform: translateY(-1px);
}
.btn-rudo-blanco .elementor-button:hover .elementor-button-text::after {
  transform: translateX(7px);
}

/* Clic */
.btn-rudo-blanco .elementor-button:active {
  color: #fff;
  background: rgba(255, 255, 255, .26);
  transform: translateY(1px);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .18);
}

/* Accesibilidad: foco con teclado */
.btn-rudo-blanco .elementor-button:focus-visible {
  outline: 3px solid #F7C600;
  outline-offset: 4px;
}

/* Respeta a quien tiene animaciones desactivadas */
@media (prefers-reduced-motion: reduce) {
  .btn-rudo-blanco .elementor-button,
  .btn-rudo-blanco .elementor-button-text::after {
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a6a39bb */.icono-rudo img {
  filter: drop-shadow(0 8px 14px rgba(28, 96, 161, .35));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7531703 */.tarjeta-rudo {
  background: #fff;
  border: 1px solid #E3E9F2;
  border-radius: 16px;
  padding: 28px 26px 30px;
  box-shadow: 0 8px 24px rgba(28, 96, 161, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.tarjeta-rudo:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(28, 96, 161, .16);
}
.tarjeta-rudo .ticono .elementor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1C60A1 0%, #2F7BC8 100%);
  color: #fff;
}
.tarjeta-rudo .ticono .elementor-icon svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo { transition: none; }
  .tarjeta-rudo:hover { transform: none; }
}

/* ===== Entrada de tarjetas ===== */

/* Retraso escalonado entre tarjetas */
.tarjeta-rudo            { --d: 0s; }
.tarjeta-rudo:nth-child(2) { --d: .12s; }
.tarjeta-rudo:nth-child(3) { --d: .24s; }
.tarjeta-rudo:nth-child(4) { --d: .36s; }

/* Movimiento de la tarjeta (pisa el de Elementor) */
.tarjeta-rudo.animated {
  animation-name: rudo-entrada !important;
  animation-duration: .8s !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-delay: var(--d) !important;
  animation-fill-mode: backwards !important; /* así el hover sigue funcionando después */
}

@keyframes rudo-entrada {
  from {
    opacity: 0;
    transform: translateY(40px) scale(.96);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* El ícono aparece con un rebote, un momento después de su tarjeta */
.tarjeta-rudo.animated .icono-rudo img {
  animation: rudo-icono .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--d) + .3s) backwards;
}

@keyframes rudo-icono {
  from {
    opacity: 0;
    transform: scale(.5) rotate(-12deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}

/* Sin animaciones para quien las tiene desactivadas en su sistema */
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo.animated,
  .tarjeta-rudo.animated .icono-rudo img {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-87973ae */.icono-rudo img {
  filter: drop-shadow(0 8px 14px rgba(28, 96, 161, .35));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfcc130 */.tarjeta-rudo {
  background: #fff;
  border: 1px solid #E3E9F2;
  border-radius: 16px;
  padding: 28px 26px 30px;
  box-shadow: 0 8px 24px rgba(28, 96, 161, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.tarjeta-rudo:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(28, 96, 161, .16);
}
.tarjeta-rudo .ticono .elementor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1C60A1 0%, #2F7BC8 100%);
  color: #fff;
}
.tarjeta-rudo .ticono .elementor-icon svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo { transition: none; }
  .tarjeta-rudo:hover { transform: none; }
}

/* ===== Entrada de tarjetas ===== */

/* Retraso escalonado entre tarjetas */
.tarjeta-rudo            { --d: 0s; }
.tarjeta-rudo:nth-child(2) { --d: .12s; }
.tarjeta-rudo:nth-child(3) { --d: .24s; }
.tarjeta-rudo:nth-child(4) { --d: .36s; }

/* Movimiento de la tarjeta (pisa el de Elementor) */
.tarjeta-rudo.animated {
  animation-name: rudo-entrada !important;
  animation-duration: .8s !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-delay: var(--d) !important;
  animation-fill-mode: backwards !important; /* así el hover sigue funcionando después */
}

@keyframes rudo-entrada {
  from {
    opacity: 0;
    transform: translateY(40px) scale(.96);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* El ícono aparece con un rebote, un momento después de su tarjeta */
.tarjeta-rudo.animated .icono-rudo img {
  animation: rudo-icono .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--d) + .3s) backwards;
}

@keyframes rudo-icono {
  from {
    opacity: 0;
    transform: scale(.5) rotate(-12deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}

/* Sin animaciones para quien las tiene desactivadas en su sistema */
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo.animated,
  .tarjeta-rudo.animated .icono-rudo img {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c286a4f */.icono-rudo img {
  filter: drop-shadow(0 8px 14px rgba(28, 96, 161, .35));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea87840 */.tarjeta-rudo {
  background: #fff;
  border: 1px solid #E3E9F2;
  border-radius: 16px;
  padding: 28px 26px 30px;
  box-shadow: 0 8px 24px rgba(28, 96, 161, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.tarjeta-rudo:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(28, 96, 161, .16);
}
.tarjeta-rudo .ticono .elementor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1C60A1 0%, #2F7BC8 100%);
  color: #fff;
}
.tarjeta-rudo .ticono .elementor-icon svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo { transition: none; }
  .tarjeta-rudo:hover { transform: none; }
}

/* ===== Entrada de tarjetas ===== */

/* Retraso escalonado entre tarjetas */
.tarjeta-rudo            { --d: 0s; }
.tarjeta-rudo:nth-child(2) { --d: .12s; }
.tarjeta-rudo:nth-child(3) { --d: .24s; }
.tarjeta-rudo:nth-child(4) { --d: .36s; }

/* Movimiento de la tarjeta (pisa el de Elementor) */
.tarjeta-rudo.animated {
  animation-name: rudo-entrada !important;
  animation-duration: .8s !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-delay: var(--d) !important;
  animation-fill-mode: backwards !important; /* así el hover sigue funcionando después */
}

@keyframes rudo-entrada {
  from {
    opacity: 0;
    transform: translateY(40px) scale(.96);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* El ícono aparece con un rebote, un momento después de su tarjeta */
.tarjeta-rudo.animated .icono-rudo img {
  animation: rudo-icono .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--d) + .3s) backwards;
}

@keyframes rudo-icono {
  from {
    opacity: 0;
    transform: scale(.5) rotate(-12deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}

/* Sin animaciones para quien las tiene desactivadas en su sistema */
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo.animated,
  .tarjeta-rudo.animated .icono-rudo img {
    animation: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-eafb758 */.icono-rudo img {
  filter: drop-shadow(0 8px 14px rgba(28, 96, 161, .35));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f15d40 */.tarjeta-rudo {
  background: #fff;
  border: 1px solid #E3E9F2;
  border-radius: 16px;
  padding: 28px 26px 30px;
  box-shadow: 0 8px 24px rgba(28, 96, 161, .07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.tarjeta-rudo:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(28, 96, 161, .16);
}
.tarjeta-rudo .ticono .elementor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1C60A1 0%, #2F7BC8 100%);
  color: #fff;
}
.tarjeta-rudo .ticono .elementor-icon svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo { transition: none; }
  .tarjeta-rudo:hover { transform: none; }
}

/* ===== Entrada de tarjetas ===== */

/* Retraso escalonado entre tarjetas */
.tarjeta-rudo            { --d: 0s; }
.tarjeta-rudo:nth-child(2) { --d: .12s; }
.tarjeta-rudo:nth-child(3) { --d: .24s; }
.tarjeta-rudo:nth-child(4) { --d: .36s; }

/* Movimiento de la tarjeta (pisa el de Elementor) */
.tarjeta-rudo.animated {
  animation-name: rudo-entrada !important;
  animation-duration: .8s !important;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  animation-delay: var(--d) !important;
  animation-fill-mode: backwards !important; /* así el hover sigue funcionando después */
}

@keyframes rudo-entrada {
  from {
    opacity: 0;
    transform: translateY(40px) scale(.96);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* El ícono aparece con un rebote, un momento después de su tarjeta */
.tarjeta-rudo.animated .icono-rudo img {
  animation: rudo-icono .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--d) + .3s) backwards;
}

@keyframes rudo-icono {
  from {
    opacity: 0;
    transform: scale(.5) rotate(-12deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}

/* Sin animaciones para quien las tiene desactivadas en su sistema */
@media (prefers-reduced-motion: reduce) {
  .tarjeta-rudo.animated,
  .tarjeta-rudo.animated .icono-rudo img {
    animation: none !important;
  }
}/* End custom CSS */