.elementor-7 .elementor-element.elementor-element-2254e3c{--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:center;--align-items:center;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-2254e3c .elementor-background-slideshow__slide__image{background-position:top center;}.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-7 .elementor-element.elementor-element-3fc4c70{text-align:center;}.elementor-7 .elementor-element.elementor-element-3fc4c70 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;letter-spacing:5px;text-shadow:5px 3px 3px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-79f963d{--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:center;--align-items:center;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:35px;--padding-right:35px;}.elementor-7 .elementor-element.elementor-element-8c5c6b7{text-align:center;}.elementor-7 .elementor-element.elementor-element-8c5c6b7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;letter-spacing:5px;text-shadow:1px 4px 4px #000000;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-7dc3421{--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;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-d249fd4 .elementor-icon-wrapper{text-align:center;}.elementor-7 .elementor-element.elementor-element-d249fd4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-070449c );}.elementor-7 .elementor-element.elementor-element-d249fd4.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-d249fd4.elementor-view-default .elementor-icon{color:var( --e-global-color-070449c );border-color:var( --e-global-color-070449c );}.elementor-7 .elementor-element.elementor-element-d249fd4.elementor-view-framed .elementor-icon, .elementor-7 .elementor-element.elementor-element-d249fd4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-070449c );}.elementor-7 .elementor-element.elementor-element-c903efe{--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;}.elementor-7 .elementor-element.elementor-element-9ab71f2{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-8e24a7e{--display:flex;--min-height:223px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-7 .elementor-element.elementor-element-8e24a7e:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8e24a7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-070449c );}.elementor-7 .elementor-element.elementor-element-8e24a7e.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.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-7 .elementor-element.elementor-element-6b49fd1{width:var( --container-widget-width, 46% );max-width:46%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;padding:0px 0px 0px 0px;--container-widget-width:46%;--container-widget-flex-grow:0;z-index:0;}.elementor-7 .elementor-element.elementor-element-6b49fd1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-6b49fd1 img{width:78%;max-width:100%;height:330px;object-fit:cover;object-position:center center;}.elementor-7 .elementor-element.elementor-element-824bba5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:1px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-824bba5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-d0819f8{width:var( --container-widget-width, 51.621% );max-width:51.621%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:51.621%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-d0819f8.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.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-7 .elementor-element.elementor-element-855ebfc{width:var( --container-widget-width, 51.826% );max-width:51.826%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:51.826%;--container-widget-flex-grow:0;text-align:end;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-855ebfc.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-7b22507{width:var( --container-widget-width, 51.431% );max-width:51.431%;--container-widget-width:51.431%;--container-widget-flex-grow:0;text-align:end;font-family:"Montserrat", Sans-serif;font-weight:400;font-style:italic;text-decoration:underline;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-7b22507.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-7b22507 a:hover, .elementor-7 .elementor-element.elementor-element-7b22507 a:focus{color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-a95ab36{--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;}.elementor-7 .elementor-element.elementor-element-b409f95{--spacer-size:80px;}.elementor-7 .elementor-element.elementor-element-280745b{text-align:center;}.elementor-7 .elementor-element.elementor-element-280745b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:500;color:#000000;}.elementor-7 .elementor-element.elementor-element-9183ade{width:var( --container-widget-width, 68.74% );max-width:68.74%;--container-widget-width:68.74%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-7 .elementor-element.elementor-element-9183ade.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-3b401fb{--display:grid;--min-height:320px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-3b401fb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-2254e3c{--min-height:94vh;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-7 .elementor-element.elementor-element-3fc4c70{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-3fc4c70 .elementor-heading-title{font-size:23px;}.elementor-7 .elementor-element.elementor-element-79f963d{--min-height:94vh;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-7 .elementor-element.elementor-element-79f963d .elementor-background-slideshow__slide__image{background-position:bottom center;}.elementor-7 .elementor-element.elementor-element-8c5c6b7{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-8c5c6b7 .elementor-heading-title{font-size:23px;}.elementor-7 .elementor-element.elementor-element-d249fd4{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-8e24a7e{--width:500px;--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;--align-items:center;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-7 .elementor-element.elementor-element-8e24a7e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-6b49fd1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-6b49fd1 img{width:100%;max-width:100%;height:205px;}.elementor-7 .elementor-element.elementor-element-824bba5{--width:327px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-7 .elementor-element.elementor-element-d0819f8{width:var( --container-widget-width, 302.797px );max-width:302.797px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:302.797px;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-d0819f8.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-855ebfc{width:var( --container-widget-width, 490px );max-width:490px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 4px 4px 4px;--container-widget-width:490px;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-855ebfc.elementor-element{--align-self:center;}.elementor-7 .elementor-element.elementor-element-7b22507{width:var( --container-widget-width, 341px );max-width:341px;margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:341px;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-9183ade{width:var( --container-widget-width, 270.391px );max-width:270.391px;--container-widget-width:270.391px;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-3b401fb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}.elementor-7 .elementor-element.elementor-element-a3d59ec{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-0adee0e{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-0adee0e.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-0129994{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-0129994.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-961c5a3{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-286a9c6{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-286a9c6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-6cbab2d{width:100%;max-width:100%;}.elementor-7 .elementor-element.elementor-element-6cbab2d.elementor-element{--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-8e24a7e{--width:102.804%;}.elementor-7 .elementor-element.elementor-element-824bba5{--width:50%;}.elementor-7 .elementor-element.elementor-element-3b401fb{--width:72%;}}/* Start custom CSS for html, class: .elementor-element-9ab71f2 *//* --- CONFIGURACIÓN GENERAL --- */
.section-nuestra-firma {
  padding: 45px 0;
  background-color: #ffffff;
  font-family: 'Montserrat', sans-serif;
}

.container-firma {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 25px;
}

/* --- FILA SUPERIOR (DOS COLUMNAS) --- */
.fila-superior {
  display: flex;
  gap: 60px;
  align-items: center;
  margin-bottom: 50px; /* Espacio antes del texto horizontal */
}

.col-texto { flex: 1.2; }
.col-imagen { flex: 0.8; text-align: center; border-radius:50px;}
.col-imagen img{
    border-radius: 10px;
}

/* Títulos y Divider */
.titulo-firma {
  font-size: 2.2rem;
  font-weight: 300;
  color: #002147;
  letter-spacing: 3px;
  margin-bottom: 15px;
}


.divider-firma {
  width: 70px;
  height: 2px;
  background-color: #002147;
  margin-bottom: 30px;
}

.texto-biografia {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.8;
  color: #333333;
  text-align: justify;
}

/* Imagen */
.imagen-abogado {
  width: 80%;
  max-width: 20px; /* Tamaño estético reducido */
  height: auto;
  border-radius:20px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.05);
}

/* --- FILA INFERIOR (TEXTO CRUZADO) --- */
.fila-inferior-ancho {
  width: 100%;
  border-top: 1px solid #f0f0f0; /* Línea sutil de separación */
  padding-top: 40px;
}

.caption-horizontal {
  font-size: 1.15rem;
  font-weight: 300;
  color: #333333;
  line-height: 1.9;
  
  /* Alineación Estética Cruz Abril */
  text-align: justify;
  text-align-last: center; 
  
  /* Sombra de texto sutil */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  
  max-width: 950px; /* Para que no toque los bordes extremos */
  margin: 0 auto;
}

/* --- RESPONSIVE MÓVIL --- */
@media (max-width: 991px) {
  .fila-superior {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }
  
  .divider-firma { margin: 0 auto 30px auto; }
  
  .caption-horizontal {
    font-size: 1.05rem;
    text-align: center;
    text-align-last: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0819f8 *//* 1. POSICIÓN DE LA SECCIÓN EN LA PANTALLA */
.section-container {
  width: 100%;
  display: flex;
  margin-bottom: 4px;
  
  /* CAMBIAR ALINEACIÓN GLOBAL AQUÍ:
     - center: Todo al medio (como en 'Nuestra Firma')
     - flex-start: Todo a la izquierda 
     - flex-end: Todo a la derecha */
  justify-content: flex-end; 
}

/* 2. COMPORTAMIENTO DEL TÍTULO Y LÍNEA */
.section-header {
  display: inline-block; /* Hace que la línea mida lo mismo que el texto */
  text-align: center;      /* Alineación interna del texto */
}

.section-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 3px;
  margin: 0;
  padding-bottom: 10px;
  
  /* CAMBIAR COLOR DEL TEXTO */
  color: #fff; 
  text-transform: uppercase;
}

.section-divider {
  /* CAMBIAR COLOR DE LA LÍNEA */
  background-color: #fff; 
  
  /* CAMBIAR GROSOR */
  height: 2px; 
  
  width: 120px;
     margin: 0 0 0 auto;
  
  /* 100% significa que siempre medirá lo mismo que el título de arriba */
  width: 50%; 
  
  border-radius: 2px;
}

/* Ajuste para pantallas móviles */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.6rem;
    letter-spacing: 2px;
  }
  .section-divider {
    /* AJUSTE DE LÍNEA EN MÓVIL:
       - 80px: Un tamaño fijo elegante para pantallas pequeñas.
       - margin: 0 auto: La obliga a estar SIEMPRE al centro. */
    width: 80px; 
    margin: 0 auto; 
    height: 3px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3d59ec *//* --- VARIABLES DE MARCA (CRUZ ABRIL) --- */
:root {
  --azul-cruz: #002147;
  --beige-cruz: #F4F4F4; /* Fondo no blanco, estilo PDF */
  --font-cruz: 'Montserrat', sans-serif;
}

/* --- CONTENEDOR PRINCIPAL DE LA TARJETA --- */
.cruz-abril-card {
  background-color: transparent;
  width: 100%;
  height: 350px; /* Altura uniforme para tu Grid */
  perspective: 1000px; /* Activa el efecto 3D */
  font-family: var(--font-cruz);
  position: relative;
  overflow: hidden; /* Crucial para que el botón móvil respete el redondeado */
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Sombra permanente profunda */
  border: 1px solid #e0ddd8;
  -webkit-tap-highlight-color: transparent; /* Elimina el flash blanco al tocar en móvil */
}

/* --- EL "FLIPPER" (EL MOTOR DEL GIRO) --- */
.card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* --- ACTIVACIÓN DEL GIRO (SÓLO EN PC) --- */
/* Usamos (hover: hover) para que el celular ignore este código y no se raye al tocar */
@media (hover: hover) {
  .cruz-abril-card:hover .card-flipper {
    transform: rotateY(180deg);
  }
}

/* --- ESTILO DE LAS CARAS (FRONTAL Y TRASERA) --- */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la cara opuesta */
  backface-visibility: hidden;
  background-color: var(--beige-cruz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* --- CARA FRONTAL --- */
.card-icon img {
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

.card-title {
  color: var(--azul-cruz);
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

/* --- CARA TRASERA (PC) --- */
.card-back {
  transform: rotateY(180deg); /* Nace girada */
  text-align: center;
}

.card-description {
  color: var(--azul-cruz);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.card-back-btn-container {
  width: 100%;
  display: flex;
  justify-content: center; /* Centrado horizontal del enlace */
}

.card-back-link {
  color: var(--azul-cruz);
  text-decoration: underline;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* --- ESTILO MÓVIL (VARIABLE PDF / BOTÓN FULL WIDTH) --- */
.card-mobile-button {
  display: none; /* Oculto en PC por defecto */
}

@media (max-width: 991px) {
  /* Desactivamos el giro y ajustamos altura */
  .cruz-abril-card {
    height: auto; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }

  .card-flipper {
    transform: none !important; /* Bloquea el giro en celular */
    display: block;
    height: 280px; /* Altura de la parte beige frontal */
  }

  .card-back {
    display: none; /* No mostramos la descripción en móvil para evitar toques raros */
  }

  .card-front {
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 100%;
  }

  /* BOTÓN "VER MÁS" DE BORDE A BORDE */
  .card-mobile-button {
    display: block;
    width: 100%; /* Ajuste perfecto a derecha e izquierda */
    background-color: var(--azul-cruz);
    color: white;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px; /* Redondeado solo abajo para cerrar la tarjeta */
    margin-top: -1px; /* Evita cualquier línea blanca de separación */
  }

  /* Efecto de presión al tocar en el cel */
  .card-mobile-button:active {
    background-color: #001a38;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0adee0e *//* --- VARIABLES DE MARCA (CRUZ ABRIL) --- */
:root {
  --azul-cruz: #002147;
  --beige-cruz: #F4F4F4; /* Fondo no blanco, estilo PDF */
  --font-cruz: 'Montserrat', sans-serif;
}

/* --- CONTENEDOR PRINCIPAL DE LA TARJETA --- */
.cruz-abril-card {
  background-color: transparent;
  width: 100%;
  height: 350px; /* Altura uniforme para tu Grid */
  perspective: 1000px; /* Activa el efecto 3D */
  font-family: var(--font-cruz);
  position: relative;
  overflow: hidden; /* Crucial para que el botón móvil respete el redondeado */
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Sombra permanente profunda */
  border: 1px solid #e0ddd8;
  -webkit-tap-highlight-color: transparent; /* Elimina el flash blanco al tocar en móvil */
}

/* --- EL "FLIPPER" (EL MOTOR DEL GIRO) --- */
.card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* --- ACTIVACIÓN DEL GIRO (SÓLO EN PC) --- */
/* Usamos (hover: hover) para que el celular ignore este código y no se raye al tocar */
@media (hover: hover) {
  .cruz-abril-card:hover .card-flipper {
    transform: rotateY(180deg);
  }
}

/* --- ESTILO DE LAS CARAS (FRONTAL Y TRASERA) --- */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la cara opuesta */
  backface-visibility: hidden;
  background-color: var(--beige-cruz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* --- CARA FRONTAL --- */
.card-icon img {
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

.card-title {
  color: var(--azul-cruz);
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

/* --- CARA TRASERA (PC) --- */
.card-back {
  transform: rotateY(180deg); /* Nace girada */
  text-align: center;
}

.card-description {
  color: var(--azul-cruz);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.card-back-btn-container {
  width: 100%;
  display: flex;
  justify-content: center; /* Centrado horizontal del enlace */
}

.card-back-link {
  color: var(--azul-cruz);
  text-decoration: underline;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* --- ESTILO MÓVIL (VARIABLE PDF / BOTÓN FULL WIDTH) --- */
.card-mobile-button {
  display: none; /* Oculto en PC por defecto */
}

@media (max-width: 991px) {
  /* Desactivamos el giro y ajustamos altura */
  .cruz-abril-card {
    height: auto; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }

  .card-flipper {
    transform: none !important; /* Bloquea el giro en celular */
    display: block;
    height: 280px; /* Altura de la parte beige frontal */
  }

  .card-back {
    display: none; /* No mostramos la descripción en móvil para evitar toques raros */
  }

  .card-front {
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 100%;
  }

  /* BOTÓN "VER MÁS" DE BORDE A BORDE */
  .card-mobile-button {
    display: block;
    width: 100%; /* Ajuste perfecto a derecha e izquierda */
    background-color: var(--azul-cruz);
    color: white;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px; /* Redondeado solo abajo para cerrar la tarjeta */
    margin-top: -1px; /* Evita cualquier línea blanca de separación */
  }

  /* Efecto de presión al tocar en el cel */
  .card-mobile-button:active {
    background-color: #001a38;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0129994 *//* --- VARIABLES DE MARCA (CRUZ ABRIL) --- */
:root {
  --azul-cruz: #002147;
  --beige-cruz: #F4F4F4; /* Fondo no blanco, estilo PDF */
  --font-cruz: 'Montserrat', sans-serif;
}

/* --- CONTENEDOR PRINCIPAL DE LA TARJETA --- */
.cruz-abril-card {
  background-color: transparent;
  width: 100%;
  height: 350px; /* Altura uniforme para tu Grid */
  perspective: 1000px; /* Activa el efecto 3D */
  font-family: var(--font-cruz);
  position: relative;
  overflow: hidden; /* Crucial para que el botón móvil respete el redondeado */
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Sombra permanente profunda */
  border: 1px solid #e0ddd8;
  -webkit-tap-highlight-color: transparent; /* Elimina el flash blanco al tocar en móvil */
}

/* --- EL "FLIPPER" (EL MOTOR DEL GIRO) --- */
.card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* --- ACTIVACIÓN DEL GIRO (SÓLO EN PC) --- */
/* Usamos (hover: hover) para que el celular ignore este código y no se raye al tocar */
@media (hover: hover) {
  .cruz-abril-card:hover .card-flipper {
    transform: rotateY(180deg);
  }
}

/* --- ESTILO DE LAS CARAS (FRONTAL Y TRASERA) --- */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la cara opuesta */
  backface-visibility: hidden;
  background-color: var(--beige-cruz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* --- CARA FRONTAL --- */
.card-icon img {
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

.card-title {
  color: var(--azul-cruz);
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

/* --- CARA TRASERA (PC) --- */
.card-back {
  transform: rotateY(180deg); /* Nace girada */
  text-align: center;
}

.card-description {
  color: var(--azul-cruz);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.card-back-btn-container {
  width: 100%;
  display: flex;
  justify-content: center; /* Centrado horizontal del enlace */
}

.card-back-link {
  color: var(--azul-cruz);
  text-decoration: underline;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* --- ESTILO MÓVIL (VARIABLE PDF / BOTÓN FULL WIDTH) --- */
.card-mobile-button {
  display: none; /* Oculto en PC por defecto */
}

@media (max-width: 991px) {
  /* Desactivamos el giro y ajustamos altura */
  .cruz-abril-card {
    height: auto; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }

  .card-flipper {
    transform: none !important; /* Bloquea el giro en celular */
    display: block;
    height: 280px; /* Altura de la parte beige frontal */
  }

  .card-back {
    display: none; /* No mostramos la descripción en móvil para evitar toques raros */
  }

  .card-front {
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 100%;
  }

  /* BOTÓN "VER MÁS" DE BORDE A BORDE */
  .card-mobile-button {
    display: block;
    width: 100%; /* Ajuste perfecto a derecha e izquierda */
    background-color: var(--azul-cruz);
    color: white;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px; /* Redondeado solo abajo para cerrar la tarjeta */
    margin-top: -1px; /* Evita cualquier línea blanca de separación */
  }

  /* Efecto de presión al tocar en el cel */
  .card-mobile-button:active {
    background-color: #001a38;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-961c5a3 *//* --- VARIABLES DE MARCA (CRUZ ABRIL) --- */
:root {
  --azul-cruz: #002147;
  --beige-cruz: #F4F4F4; /* Fondo no blanco, estilo PDF */
  --font-cruz: 'Montserrat', sans-serif;
}

/* --- CONTENEDOR PRINCIPAL DE LA TARJETA --- */
.cruz-abril-card {
  background-color: transparent;
  width: 100%;
  height: 350px; /* Altura uniforme para tu Grid */
  perspective: 1000px; /* Activa el efecto 3D */
  font-family: var(--font-cruz);
  position: relative;
  overflow: hidden; /* Crucial para que el botón móvil respete el redondeado */
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Sombra permanente profunda */
  border: 1px solid #e0ddd8;
  -webkit-tap-highlight-color: transparent; /* Elimina el flash blanco al tocar en móvil */
}

/* --- EL "FLIPPER" (EL MOTOR DEL GIRO) --- */
.card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* --- ACTIVACIÓN DEL GIRO (SÓLO EN PC) --- */
/* Usamos (hover: hover) para que el celular ignore este código y no se raye al tocar */
@media (hover: hover) {
  .cruz-abril-card:hover .card-flipper {
    transform: rotateY(180deg);
  }
}

/* --- ESTILO DE LAS CARAS (FRONTAL Y TRASERA) --- */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la cara opuesta */
  backface-visibility: hidden;
  background-color: var(--beige-cruz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* --- CARA FRONTAL --- */
.card-icon img {
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

.card-title {
  color: var(--azul-cruz);
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

/* --- CARA TRASERA (PC) --- */
.card-back {
  transform: rotateY(180deg); /* Nace girada */
  text-align: center;
}

.card-description {
  color: var(--azul-cruz);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.card-back-btn-container {
  width: 100%;
  display: flex;
  justify-content: center; /* Centrado horizontal del enlace */
}

.card-back-link {
  color: var(--azul-cruz);
  text-decoration: underline;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* --- ESTILO MÓVIL (VARIABLE PDF / BOTÓN FULL WIDTH) --- */
.card-mobile-button {
  display: none; /* Oculto en PC por defecto */
}

@media (max-width: 991px) {
  /* Desactivamos el giro y ajustamos altura */
  .cruz-abril-card {
    height: auto; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }

  .card-flipper {
    transform: none !important; /* Bloquea el giro en celular */
    display: block;
    height: 280px; /* Altura de la parte beige frontal */
  }

  .card-back {
    display: none; /* No mostramos la descripción en móvil para evitar toques raros */
  }

  .card-front {
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 100%;
  }

  /* BOTÓN "VER MÁS" DE BORDE A BORDE */
  .card-mobile-button {
    display: block;
    width: 100%; /* Ajuste perfecto a derecha e izquierda */
    background-color: var(--azul-cruz);
    color: white;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px; /* Redondeado solo abajo para cerrar la tarjeta */
    margin-top: -1px; /* Evita cualquier línea blanca de separación */
  }

  /* Efecto de presión al tocar en el cel */
  .card-mobile-button:active {
    background-color: #001a38;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-286a9c6 *//* --- VARIABLES DE MARCA (CRUZ ABRIL) --- */
:root {
  --azul-cruz: #002147;
  --beige-cruz: #F4F4F4; /* Fondo no blanco, estilo PDF */
  --font-cruz: 'Montserrat', sans-serif;
}

/* --- CONTENEDOR PRINCIPAL DE LA TARJETA --- */
.cruz-abril-card {
  background-color: transparent;
  width: 100%;
  height: 350px; /* Altura uniforme para tu Grid */
  perspective: 1000px; /* Activa el efecto 3D */
  font-family: var(--font-cruz);
  position: relative;
  overflow: hidden; /* Crucial para que el botón móvil respete el redondeado */
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Sombra permanente profunda */
  border: 1px solid #e0ddd8;
  -webkit-tap-highlight-color: transparent; /* Elimina el flash blanco al tocar en móvil */
}

/* --- EL "FLIPPER" (EL MOTOR DEL GIRO) --- */
.card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* --- ACTIVACIÓN DEL GIRO (SÓLO EN PC) --- */
/* Usamos (hover: hover) para que el celular ignore este código y no se raye al tocar */
@media (hover: hover) {
  .cruz-abril-card:hover .card-flipper {
    transform: rotateY(180deg);
  }
}

/* --- ESTILO DE LAS CARAS (FRONTAL Y TRASERA) --- */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la cara opuesta */
  backface-visibility: hidden;
  background-color: var(--beige-cruz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* --- CARA FRONTAL --- */
.card-icon img {
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

.card-title {
  color: var(--azul-cruz);
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

/* --- CARA TRASERA (PC) --- */
.card-back {
  transform: rotateY(180deg); /* Nace girada */
  text-align: center;
}

.card-description {
  color: var(--azul-cruz);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.card-back-btn-container {
  width: 100%;
  display: flex;
  justify-content: center; /* Centrado horizontal del enlace */
}

.card-back-link {
  color: var(--azul-cruz);
  text-decoration: underline;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* --- ESTILO MÓVIL (VARIABLE PDF / BOTÓN FULL WIDTH) --- */
.card-mobile-button {
  display: none; /* Oculto en PC por defecto */
}

@media (max-width: 991px) {
  /* Desactivamos el giro y ajustamos altura */
  .cruz-abril-card {
    height: auto; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }

  .card-flipper {
    transform: none !important; /* Bloquea el giro en celular */
    display: block;
    height: 280px; /* Altura de la parte beige frontal */
  }

  .card-back {
    display: none; /* No mostramos la descripción en móvil para evitar toques raros */
  }

  .card-front {
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 100%;
  }

  /* BOTÓN "VER MÁS" DE BORDE A BORDE */
  .card-mobile-button {
    display: block;
    width: 100%; /* Ajuste perfecto a derecha e izquierda */
    background-color: var(--azul-cruz);
    color: white;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px; /* Redondeado solo abajo para cerrar la tarjeta */
    margin-top: -1px; /* Evita cualquier línea blanca de separación */
  }

  /* Efecto de presión al tocar en el cel */
  .card-mobile-button:active {
    background-color: #001a38;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6cbab2d *//* --- VARIABLES DE MARCA (CRUZ ABRIL) --- */
:root {
  --azul-cruz: #002147;
  --beige-cruz: #F4F4F4; /* Fondo no blanco, estilo PDF */
  --font-cruz: 'Montserrat', sans-serif;
}

/* --- CONTENEDOR PRINCIPAL DE LA TARJETA --- */
.cruz-abril-card {
  background-color: transparent;
  width: 100%;
  height: 350px; /* Altura uniforme para tu Grid */
  perspective: 1000px; /* Activa el efecto 3D */
  font-family: var(--font-cruz);
  position: relative;
  overflow: hidden; /* Crucial para que el botón móvil respete el redondeado */
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Sombra permanente profunda */
  border: 1px solid #e0ddd8;
  -webkit-tap-highlight-color: transparent; /* Elimina el flash blanco al tocar en móvil */
}

/* --- EL "FLIPPER" (EL MOTOR DEL GIRO) --- */
.card-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}

/* --- ACTIVACIÓN DEL GIRO (SÓLO EN PC) --- */
/* Usamos (hover: hover) para que el celular ignore este código y no se raye al tocar */
@media (hover: hover) {
  .cruz-abril-card:hover .card-flipper {
    transform: rotateY(180deg);
  }
}

/* --- ESTILO DE LAS CARAS (FRONTAL Y TRASERA) --- */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Oculta la cara opuesta */
  backface-visibility: hidden;
  background-color: var(--beige-cruz);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

/* --- CARA FRONTAL --- */
.card-icon img {
  width: 200px;
  height: auto;
  margin-bottom: 20px;
}

.card-title {
  color: var(--azul-cruz);
  font-weight: 700;
  font-size: 1.0rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

/* --- CARA TRASERA (PC) --- */
.card-back {
  transform: rotateY(180deg); /* Nace girada */
  text-align: center;
}

.card-description {
  color: var(--azul-cruz);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.card-back-btn-container {
  width: 100%;
  display: flex;
  justify-content: center; /* Centrado horizontal del enlace */
}

.card-back-link {
  color: var(--azul-cruz);
  text-decoration: underline;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/* --- ESTILO MÓVIL (VARIABLE PDF / BOTÓN FULL WIDTH) --- */
.card-mobile-button {
  display: none; /* Oculto en PC por defecto */
}

@media (max-width: 991px) {
  /* Desactivamos el giro y ajustamos altura */
  .cruz-abril-card {
    height: auto; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  }

  .card-flipper {
    transform: none !important; /* Bloquea el giro en celular */
    display: block;
    height: 280px; /* Altura de la parte beige frontal */
  }

  .card-back {
    display: none; /* No mostramos la descripción en móvil para evitar toques raros */
  }

  .card-front {
    position: relative;
    border-radius: 12px 12px 0 0;
    height: 100%;
  }

  /* BOTÓN "VER MÁS" DE BORDE A BORDE */
  .card-mobile-button {
    display: block;
    width: 100%; /* Ajuste perfecto a derecha e izquierda */
    background-color: var(--azul-cruz);
    color: white;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 0 0 12px 12px; /* Redondeado solo abajo para cerrar la tarjeta */
    margin-top: 1px; /* Evita cualquier línea blanca de separación */
  }

  /* Efecto de presión al tocar en el cel */
  .card-mobile-button:active {
    background-color: #001a38;
  }
}/* End custom CSS */