.elementor-7 .elementor-element.elementor-element-487cec6{--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;}.elementor-7 .elementor-element.elementor-element-487cec6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-5b16f90{--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-89a8e33{--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-9e0d4d2{--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-e77a7e0{--display:flex;}.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-5352486{color:var( --e-global-color-29aa4c9 );}.elementor-7 .elementor-element.elementor-element-61d71b4{--display:flex;}.elementor-7 .elementor-element.elementor-element-2083af8{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-secondary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-487cec6{--width:97.806%;}}/* Start custom CSS for html, class: .elementor-element-800ad5f *//* === Tarjeta Base === */
.card-bloque {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
  border-radius: 20px;
  overflow: hidden;
  background: url("https://via.placeholder.com/600x400") center/cover no-repeat; /* Cambia la imagen aquí */
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  transition: all 0.4s ease;
  color: #fff;
}

/* Efecto nitidez al pasar ratón */
.card-bloque:hover {
  filter: contrast(115%) brightness(108%);
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* === Contenido === */
.card-bloque .contenido {
  position: relative;
  padding: 30px 20px;
  background: rgba(0,0,0,0.45); /* capa oscura para mejor legibilidad */
  text-align: center;
}

/* === Título === */
.card-bloque .titulo a {
  font-size: 1.8rem;
  font-weight: 800;
  color: #18BD12; /* Verde El Paredes */
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
}

/* === Subtítulo === */
.card-bloque .subtitulo a {
  font-size: 1rem;
  font-weight: 400;
  color: #f1f1f1;
  text-decoration: none;
  line-height: 1.4;
  display: block;
  margin-bottom: 20px;
}

/* === Botón === */
.card-bloque .boton a {
  display: inline-block;
  padding: 12px 25px;
  background: #18BD12; /* Verde El Paredes */
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 30px;
  box-shadow: 0 0 10px #18BD12, 0 0 20px #18BD12 inset;
  transition: all 0.3s ease;
}

/* Efecto luminoso en hover */
.card-bloque .boton a:hover {
  background: #1fe018;
  box-shadow: 0 0 15px #18BD12, 0 0 35px #18BD12 inset;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99686b8 *//* === Tarjeta Base === */
.card-bloque {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
  border-radius: 20px;
  overflow: hidden;
  background: url("https://via.placeholder.com/600x400") center/cover no-repeat; /* Cambia la imagen aquí */
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  transition: all 0.4s ease;
  color: #fff;
}

/* Efecto nitidez al pasar ratón */
.card-bloque:hover {
  filter: contrast(115%) brightness(108%);
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* === Contenido === */
.card-bloque .contenido {
  position: relative;
  padding: 30px 20px;
  background: rgba(0,0,0,0.45); /* capa oscura para mejor legibilidad */
  text-align: center;
}

/* === Título === */
.card-bloque .titulo a {
  font-size: 1.8rem;
  font-weight: 800;
  color: #18BD12; /* Verde El Paredes */
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
}

/* === Subtítulo === */
.card-bloque .subtitulo a {
  font-size: 1rem;
  font-weight: 400;
  color: #f1f1f1;
  text-decoration: none;
  line-height: 1.4;
  display: block;
  margin-bottom: 20px;
}

/* === Botón === */
.card-bloque .boton a {
  display: inline-block;
  padding: 12px 25px;
  background: #18BD12; /* Verde El Paredes */
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 30px;
  box-shadow: 0 0 10px #18BD12, 0 0 20px #18BD12 inset;
  transition: all 0.3s ease;
}

/* Efecto luminoso en hover */
.card-bloque .boton a:hover {
  background: #1fe018;
  box-shadow: 0 0 15px #18BD12, 0 0 35px #18BD12 inset;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-487cec6 *//* === WRAPPER FLEX DE LAS 2 COLUMNAS === */
.layout-cta{
  display: flex;
  flex-wrap: nowrap;                         /* NO apilar en grande */
  justify-content: center;
  align-items: stretch;
  gap: clamp(16px, 2vw, 32px);
  width: min(100%, 1100px);                  /* limita apertura y centra */
  margin: 0 auto;
  padding: 0 clamp(8px, 2vw, 24px);
}

/* === CADA COLUMNA (CADA GRID) === */
.layout-cta > .col-grid{
  display: grid;
  grid-template-columns: 1fr;
  flex: 1 1 0;                               /* ambas ocupan 50/50 aprox */
  min-width: 0;                              /* permite que quepan sin saltar */
  max-width: 520px;                          /* evita columnas gigantes */
}

/* La tarjeta llena su columna sin márgenes extra */
.col-grid .card-bloque{
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Evitar que el hover “empuje” */
.col-grid .card-bloque:hover{ z-index: 1; }

/* — En móvil, ahora sí, apila — */
@media (max-width: 768px){
  .layout-cta{ flex-wrap: wrap; }            /* permite salto a 1 por fila */
  .layout-cta > .col-grid{
    flex: 1 1 100%;
    max-width: 720px;
  }
}/* End custom CSS */