.elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-12210 .elementor-element.elementor-element-1a3d39a:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://faisan-azul.com/wp-content/uploads/2025/08/Aeropuerto-Norte_01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-container{min-height:0px;}.elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-background-overlay{opacity:0.64;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12210 .elementor-element.elementor-element-1a3d39a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12210 .elementor-element.elementor-element-ea46199{width:var( --container-widget-width, 100.002% );max-width:100.002%;--container-widget-width:100.002%;--container-widget-flex-grow:0;}.elementor-12210 .elementor-element.elementor-element-ea46199 > .elementor-widget-container{margin:0px 0px -85px 0px;padding:0px 0px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-8a70ac5{--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-12210 .elementor-element.elementor-element-8a70ac5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12210 .elementor-element.elementor-element-70e1d2c{--spacer-size:50px;}.elementor-12210 .elementor-element.elementor-element-e0ce241{margin-top:25px;margin-bottom:0px;}.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-12210 .elementor-element.elementor-element-66a3fae{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-12210 .elementor-element.elementor-element-66a3fae > .elementor-widget-container{background-color:#EFF6FF;padding:28px 0px 0px 0px;border-radius:15px 15px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-66a3fae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:600;color:#000000;}.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-12210 .elementor-element.elementor-element-80b8d8a > .elementor-widget-container{background-color:#EFF6FF;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:0px 0px 15px 15px;}.elementor-12210 .elementor-element.elementor-element-80b8d8a{text-align:justify;}.elementor-12210 .elementor-element.elementor-element-e0df91b > .elementor-container{max-width:1130px;}.elementor-12210 .elementor-element.elementor-element-bca7154{text-align:center;}.elementor-12210 .elementor-element.elementor-element-bca7154 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:600;color:#000000;}.elementor-12210 .elementor-element.elementor-element-11ba3d3{--spacer-size:10px;}.elementor-12210 .elementor-element.elementor-element-2d6f4ac{text-align:justify;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;line-height:26px;color:#4E4949;}.elementor-12210 .elementor-element.elementor-element-2d6f4ac p{margin-block-end:10px;}.elementor-12210 .elementor-element.elementor-element-a0890bf{--spacer-size:50px;}.elementor-12210 .elementor-element.elementor-element-5e7845d > .elementor-container{max-width:1600px;}.elementor-12210 .elementor-element.elementor-element-b6294e4{--spacer-size:50px;}.elementor-12210 .elementor-element.elementor-element-0cfbbc3{text-align:center;}.elementor-12210 .elementor-element.elementor-element-0cfbbc3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-12210 .elementor-element.elementor-element-d394cce{text-align:center;font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#686060;}.elementor-12210 .elementor-element.elementor-element-39fb992 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-4157513{--display:flex;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-12210 .elementor-element.elementor-element-26e5ba6{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12210 .elementor-element.elementor-element-26e5ba6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12210 .elementor-element.elementor-element-7655117{width:var( --container-widget-width, 100.015% );max-width:100.015%;--container-widget-width:100.015%;--container-widget-flex-grow:0;}.elementor-12210 .elementor-element.elementor-element-7655117.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12210 .elementor-element.elementor-element-fe1dc80{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12210 .elementor-element.elementor-element-fe1dc80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12210 .elementor-element.elementor-element-a7b919e iframe{height:445px;}.elementor-12210 .elementor-element.elementor-element-268b335{--display:flex;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12210 .elementor-element.elementor-element-ff61eee{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:5px;}.elementor-12210 .elementor-element.elementor-element-ff61eee:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-ff61eee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF6FF;}.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-12210 .elementor-element.elementor-element-7bb0f22{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;line-height:1px;letter-spacing:0px;color:#4E4949;}.elementor-12210 .elementor-element.elementor-element-fee9482{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-12210 .elementor-element.elementor-element-fee9482:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-fee9482 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0FAF4;}.elementor-12210 .elementor-element.elementor-element-2b938bb{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;line-height:1px;color:#4E4949;}.elementor-12210 .elementor-element.elementor-element-20afc80{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:10px;}.elementor-12210 .elementor-element.elementor-element-20afc80:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-20afc80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF5FF;}.elementor-12210 .elementor-element.elementor-element-6d799f9{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:#4E4949;}.elementor-12210 .elementor-element.elementor-element-863afcf{--spacer-size:50px;}.elementor-12210 .elementor-element.elementor-element-e98bac7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12210 .elementor-element.elementor-element-e98bac7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12210 .elementor-element.elementor-element-2f7f3c7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12210 .elementor-element.elementor-element-2f7f3c7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-12210 .elementor-element.elementor-element-2f7f3c7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12210 .elementor-element.elementor-element-2f7f3c7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12210 .elementor-element.elementor-element-19ce446{--spacer-size:50px;}.elementor-12210 .elementor-element.elementor-element-097a7ee{text-align:center;}.elementor-12210 .elementor-element.elementor-element-097a7ee .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:44px;font-weight:600;color:#000000;}.elementor-12210 .elementor-element.elementor-element-be2533a{text-align:center;font-family:"Roboto", Sans-serif;font-size:27px;font-weight:400;color:#4E4949;}.elementor-12210 .elementor-element.elementor-element-407ff02{--spacer-size:25px;}@media(max-width:1366px){.elementor-12210 .elementor-element.elementor-element-7655117{width:var( --container-widget-width, 619.5px );max-width:619.5px;--container-widget-width:619.5px;--container-widget-flex-grow:0;}}@media(min-width:481px){.elementor-12210 .elementor-element.elementor-element-8a70ac5{--width:87.033%;}.elementor-12210 .elementor-element.elementor-element-e622aef{width:100%;}.elementor-12210 .elementor-element.elementor-element-e918936{width:100%;}.elementor-12210 .elementor-element.elementor-element-26e5ba6{--width:42.218%;}.elementor-12210 .elementor-element.elementor-element-fe1dc80{--width:98.993%;}.elementor-12210 .elementor-element.elementor-element-31b2506{width:100%;}}@media(max-width:1366px) and (min-width:481px){.elementor-12210 .elementor-element.elementor-element-26e5ba6{--width:632.5px;}.elementor-12210 .elementor-element.elementor-element-fe1dc80{--width:632.5px;}}@media(max-width:1199px) and (min-width:481px){.elementor-12210 .elementor-element.elementor-element-26e5ba6{--width:372.5px;}.elementor-12210 .elementor-element.elementor-element-fe1dc80{--width:659.5px;}}@media(max-width:991px) and (min-width:481px){.elementor-12210 .elementor-element.elementor-element-e918936{width:100%;}.elementor-12210 .elementor-element.elementor-element-26e5ba6{--width:100%;}.elementor-12210 .elementor-element.elementor-element-fe1dc80{--width:100%;}.elementor-12210 .elementor-element.elementor-element-ff61eee{--width:100%;}.elementor-12210 .elementor-element.elementor-element-fee9482{--width:100%;}.elementor-12210 .elementor-element.elementor-element-20afc80{--width:100%;}}@media(min-width:1367px){.elementor-12210 .elementor-element.elementor-element-1a3d39a:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:991px){.elementor-12210 .elementor-element.elementor-element-1a3d39a:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://faisan-azul.com/wp-content/uploads/2025/08/Anfahrt-Faisan-Azul-Tabl.jpg");}.elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-container{min-height:0px;}.elementor-12210 .elementor-element.elementor-element-2d6f4ac > .elementor-widget-container{margin:0px 15px 0px 15px;}.elementor-12210 .elementor-element.elementor-element-2d6f4ac{text-align:justify;}.elementor-12210 .elementor-element.elementor-element-2d6f4ac p{margin-block-end:15px;}.elementor-12210 .elementor-element.elementor-element-39fb992{width:var( --container-widget-width, 735px );max-width:735px;--container-widget-width:735px;--container-widget-flex-grow:0;}.elementor-12210 .elementor-element.elementor-element-4157513{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12210 .elementor-element.elementor-element-ff61eee{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12210 .elementor-element.elementor-element-9690069 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-7bb0f22 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-7bb0f22{font-size:12px;line-height:0.1em;}.elementor-12210 .elementor-element.elementor-element-fee9482{--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;}.elementor-12210 .elementor-element.elementor-element-2b938bb{font-size:12px;}.elementor-12210 .elementor-element.elementor-element-20afc80{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12210 .elementor-element.elementor-element-6d799f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-6d799f9{font-size:12px;}.elementor-12210 .elementor-element.elementor-element-6d799f9 p{margin-block-end:0px;}}@media(max-width:480px){.elementor-12210 .elementor-element.elementor-element-1a3d39a:not(.elementor-motion-effects-element-type-background), .elementor-12210 .elementor-element.elementor-element-1a3d39a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://faisan-azul.com/wp-content/uploads/2025/08/Aeropuerto-Norte-Mov.jpg");}.elementor-12210 .elementor-element.elementor-element-66a3fae .elementor-heading-title{font-size:35px;}.elementor-12210 .elementor-element.elementor-element-11ba3d3{--spacer-size:20px;}.elementor-12210 .elementor-element.elementor-element-0cfbbc3 .elementor-heading-title{font-size:34px;}.elementor-12210 .elementor-element.elementor-element-4157513{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12210 .elementor-element.elementor-element-ff61eee{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-12210 .elementor-element.elementor-element-7bb0f22 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12210 .elementor-element.elementor-element-fee9482{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-12210 .elementor-element.elementor-element-20afc80{--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}}/* Start custom CSS for html, class: .elementor-element-ea46199 *//* === Variables rápidas (ajústalas a tu gusto) === */
:root{
  --fondo-url: url('URL imagen de fondo.jpg');
  --overlay-opacity:xxxx;      /* (0.38)oscurece/aclare el fondo para legibilidad (0–1) */
  --glass-alpha: 0.0;          /* transparencia del cristal de las tarjetas (0–1) */
  --glass-blur: 3px;           /* fuerza del desenfoque del cristal */
  --marca-color: #4691ff;       /* color de “Faisán Azul” */
}

/* === Sección a pantalla completa con imagen de fondo === */
.como-llegar {
  position: relative;
  width: 100vw;
  min-height: 70vh; /* antes 100vh, ajusta a 60–80vh para ver menos alto */
  background-image: var(--fondo-url);
  background-size: cover !important;
  background-position: center ; /* sube/baja el encuadre */
  background-repeat: no-repeat;
  background-color:----; /* o #fff según imagen */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #;
  padding: clamp(48px, 7vw, 96px) 20px;
  overflow: hidden;
}


/* Overlay ajustable para mejorar la lectura del texto */
.como-llegar .overlay{
  position: absolute; inset: 0;
  background: rgba(0,0,0,var(--overlay-opacity));
  z-index: 1;
}

/* Título + subtítulo encima del overlay */
.como-llegar .titulo{
  position: relative; z-index: 2;
  font-family:'Lato',system-ui,Segoe UI,Roboto,Arial,sans-serif !important;
  font-weight:800 !important;
  font-weight: 60;
  font-size: clamp(30px, 5vw, 70px);
  line-height: 1.1;
  margin: 0 0 .5em;
  text-shadow: 0 2px 12px rgba(0,0,0,.25);
}
.como-llegar .marca{ color: var(--marca-color); }

.como-llegar .subtitulo{
  position: relative; z-index: 2;
  margin: 0 0 2rem;
  font-size: clamp(15px, 2vw, 28px);
  color: #e8edf7;
  text-shadow: 0 1px 8px rgba(0,0,0,.2);
}

/* === Tarjetas con efecto cristal esmerilado === */
.tarjetas{
  position: relative; z-index: 2;
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: clamp(14px, 3vw, 28px);
}

.tarjeta{
  width: min(300px, 44vw);
  padding: clamp(16px, 3vw, 24px);
  border-radius: 16px;
  background: rgba(255,255,255,var(--glass-alpha));
  border: 1px solid rgba(255,255,255,.28);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  box-shadow: 0 10px 32px rgba(0,0,0,.25);
  color: #fff;
  text-align: center;
}

/* Iconos mínimo 70×70 */
.icono{
  width: 120px; height: 120px;   /* >=70px */
  object-fit: contain;
  display: block;
  margin: 0 auto 12px;
}

.tarjeta h3{
  margin: 6px 0 2px;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 700;
  color: #fff;
}
.tarjeta .tiempo{
  margin: 0;
  font-size: 14px;
  color: #eef2ff;
  opacity: .95;
}

/* === Responsive === */
@media (max-width: 768px){
  .tarjeta{ width: min(360px, 90vw); }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1a3d39a *//* Sección hero full-bleed con overlay */
.hero-como-llegar.elementor-section{
  position:relative;
  min-height:70vh;                 /* alto visible */
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.hero-como-llegar.elementor-section::before{
  content:""; position:absolute; inset:0;
  background: rgba(0,0,0,.35);     /* oscurecer imagen para legibilidad */
  pointer-events:none;
}
/* Contenido centrado y encima del overlay */
.hero-como-llegar .elementor-container{
  position:relative; z-index:1; text-align:center;
  padding: clamp(16px,4vw,48px);
}

/* Color especial para “Faisán Azul” */
.hero-como-llegar .fa-brand{ color:#43723b; }  /* tu azul solicitado */

/* Título y subtítulo responsivos */
.hero-como-llegar h1{ 
  margin:0 0 .25em; 
  font-size: clamp(28px, 4.5vw, 64px);
  line-height:1.1;
  color:#fff;
}
.hero-como-llegar p{ 
  margin:0 0 1.25rem; 
  font-size: clamp(15px, 1.6vw, 22px);
  color:#e5e7eb;
}

/* Fila de botones */
.hero-como-llegar .btn-row,
.hero-como-llegar .elementor-widget-button .elementor-button-wrapper{ display:inline-block; } /* por si usas un solo widget */
.hero-como-llegar .elementor-widget-button{ margin:0 .5rem .5rem; }

/* Estilo de botones semitransparentes (afecta solo dentro del hero) */
.hero-como-llegar .elementor-button{
  background: rgba(255,255,255,.18) !important;  /* semi-transparente */
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35);
  border-radius:14px;
  padding:12px 22px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: background .2s ease, transform .2s ease;
}
.hero-como-llegar .elementor-button:hover{
  background: rgba(255,255,255,.32) !important;
  transform: translateY(-2px);
}

/* Botones responsivos */
@media (max-width: 768px){
  .hero-como-llegar .elementor-button{ 
    width: min(100%, 420px);
    display:inline-block;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c353130 *//* ===== Layout ===== */
.rutas-grid{
  --box-bg:#ffffff;
  --box-br:14px;
  --box-bd:#e5e7eb;            /* borde suave */
  --title:#0f172a;
  --text:#0f172a;
  --blue:#2563eb;
  --blue-soft:#e0e7ff;
  --green:#16a34a;
  --green-soft:#dcfce7;

  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:50px;
  max-width:1600px;
  margin:0 auto;
  padding:0 8px;
}

/* Caja */
.ruta-box{
  background:var(--box-bg);
  border:1px solid var(--box-bd);
  border-radius:var(--box-br);
  padding:28px 26px;
  color:var(--text);
}

/* Título */
.ruta-box h2{
  margin:0 0 18px;
  font-size: clamp(20px, 2.4vw, 32px);
  font-weight:800;
  color:var(--title);
  text-align:center;
}

/* Subtítulo con pill */
.subtitulo{
  display:flex; align-items:center; gap:10px;
  font-size:clamp(14px,1.6vw,18px);
  margin-bottom:14px;
}
.pill{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:999px; font-weight:700;
}
.pill-blue{ background:#dbeafe; color:var(--blue); }
.pill-green{ background:#dcfce7; color:var(--green); }

/* Lista de pasos */
.pasos{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.pasos li{ display:flex; align-items:flex-start; gap:12px; line-height:1.5; }

.badge{
  flex-shrink:0;
  width:30px; height:30px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px;
  border:1px solid transparent;
}
.badge-blue{ background:#eef2ff; color:var(--blue); border-color:#c7d2fe; }
.badge-green{ background:#eafff2; color:var(--green); border-color:#bbf7d0; }

/* Paso final OK */
.pasos li.ok{ margin-top:4px; }
.check{
  flex-shrink:0;
  width:30px; height:30px; border-radius:999px;
  background:#e8f7ee; color:var(--green);
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:900;
}

/* Nota destacada */
.nota{
  display:flex; gap:12px; align-items:flex-start;
  margin-top:18px; padding:16px;
  border-radius:12px; border:1px solid;
  background:#f9fafb;
}
.nota-green{ background:var(--green-soft); border-color:#86efac; color:#065f46; }
.nota .bulb{ font-size:20px; line-height:1; margin-top:2px; }
.nota p{ margin:.25rem 0 0; }

/* ===== Responsive ===== */
@media (max-width: 992px){
  .rutas-grid{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7854c0e *//* ===== Controles rápidos ===== */
.info-grid{
  --icon-size: 56px;        /* tamaño de iconos */
  --title-size: 2rem;     /* tamaño del h3 */
  --text-size: 1.5rem;     /* tamaño del párrafo */
  --gap: 24px;              /* separación entre cajas */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
  max-width: 1350px;
  margin: 0 auto;
}

/* Caja base */
.info-box{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 35px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,.05);
  min-height: 150px; /* altura mínima de la caja */
  /* el color del texto viene definido por cada variante abajo */
}

/* Variantes de color (fondo + texto más oscuro) */
.azul-claro   { background:#dbeafe; color:#1e3a8a; }  /* slate/blue-900 */
.verde-claro  { background:#dcfce7; color:#065f46; }  /* emerald-900   */
.naranja-claro{ background:#ffedd5; color:#92400e; }  /* orange-900    */
.rojo-claro   { background:#fef2f2; color:#991b1b; }  /* red-800/900   */
.morado-claro { background:#faf5ff; color:#581c87; }  /* purple-900    */
.azul-muy-claro{background:#eef2ff; color:#1e3a8a; }

/* Icono (más grande) */
.icono{
  flex-shrink:0;
  width: var(--icon-size);
  height: var(--icon-size);
}
.icono img{
  width:100%; height:100%;
  object-fit:contain; display:block;
}

/* Texto: forzamos que herede el color del padre */
.texto{ color: inherit; }
.texto h3{
  margin:0 0 4px;
  font-size: var(--title-size);
  font-weight: 700;
  color: inherit !important;   /* evita que Elementor lo ponga en negro */
  line-height: 1.25;
}
.texto p{
  margin:0;
  font-size: var(--text-size);
  color: inherit;
  line-height: 1.45;
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .info-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 600px){
  .info-grid{ grid-template-columns: 1fr; }
  .info-grid{ --icon-size: 48px; --title-size: 1.05rem; --text-size: 0.95rem; }
}/* End custom CSS */