.elementor-kit-12{--e-global-color-primary:#173527;--e-global-color-secondary:#0D1F17;--e-global-color-text:#1F2721;--e-global-color-accent:#B8663A;--e-global-color-6fa1262:#F6F3EA;--e-global-color-d4f8052:#FBFAF7;--e-global-color-cd3b45d:#68736B;--e-global-color-8667479:#DDD6C8;--e-global-color-47f6b4e:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;color:#1F2721;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0.2px;color:#FFFFFF;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-style:none;padding:16px 16px 28px 28px;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:#B8663A;font-family:"Montserrat", Sans-serif;text-decoration:none;}.elementor-kit-12 a:hover{color:#0D1F17;font-family:"Montserrat", Sans-serif;text-decoration:none;}.elementor-kit-12 h1{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:700;letter-spacing:0px;}.elementor-kit-12 h2{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:34px;font-weight:700;}.elementor-kit-12 h3{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;}.elementor-kit-12 h4{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-weight:600;line-height:1.3px;}.elementor-kit-12 h5{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-kit-12 h6{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===========================================================================
   ARUEDA · CSS consolidado (rutas piloto + Home)  ·  v8 limpio
   Ajustes del sitio → CSS personalizado. Sustituye TODO tu bloque .aru-* por este.
   Sin duplicados. Incluye la sección Puertos de la Home.
   =========================================================================== */

/* ============================ /RUTAS/ · núcleo ============================ */

/* Ancho editorial 1240 centrado + columna principal al 100% */
.aru-rutas-section > .elementor-container{max-width:1240px!important;width:min(1240px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important}
.aru-rutas-section > .elementor-container > .elementor-column{width:100%!important;max-width:100%!important;flex:1 1 100%!important}
.aru-rutas-section .elementor-inner-section > .elementor-container{width:100%!important;max-width:100%!important}

/* Hero /rutas/ */
.aru-rutas-hero{min-height:80vh;display:flex;align-items:center}
@media(max-width:1024px){ .aru-rutas-hero{min-height:0} }

/* Botones en fila (clase por-widget) */
.elementor-widget.aru-inline-btn{display:inline-block!important;width:auto!important;max-width:none!important;vertical-align:top;margin:0 12px 14px 0!important}
.aru-btn-white .elementor-button{background:#fff!important;color:#173527!important;border:none!important}
.aru-btn-lightghost .elementor-button{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.6)!important}
@media(max-width:600px){ .elementor-widget.aru-inline-btn{display:block!important;margin-right:0!important} .elementor-widget.aru-inline-btn .elementor-button{width:100%} }

/* Caja de filtros (micro-HTML estable con CSS grid) */
.aru-fbox{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:38px}
.aru-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}
.aru-ffield{display:flex;flex-direction:column}
.aru-ffield label{font:700 11px/1 "Montserrat",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#aab4a7;margin-bottom:9px}
.aru-ffield select{width:100%;padding:18px 22px;border-radius:100px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.22);color:#eceadf;font:500 15.5px "Montserrat",system-ui,sans-serif;-webkit-appearance:none;appearance:none;cursor:pointer}
.aru-ffield select:hover{border-color:rgba(255,255,255,.4)}
.aru-factions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.aru-fbtn{display:inline-flex;align-items:center;justify-content:center;font:600 15px "Montserrat",system-ui,sans-serif;text-decoration:none;padding:16px 32px;border-radius:100px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);transition:.2s}
.aru-fbtn:hover{background:rgba(255,255,255,.12)}
.aru-fbtn--primary{background:#fff;color:#173527;border-color:#fff}
.aru-fbtn--primary:hover{background:#f0ede3}
@media(max-width:600px){ .aru-fgrid{grid-template-columns:1fr} .aru-fbox{padding:24px} .aru-fbtn{width:100%} }

/* Tarjetas .aru-card2 a altura completa */
.aru-card2 > .elementor-widget-wrap,.aru-card2 > .elementor-element-populated{height:100%;display:flex;flex-direction:column}

/* RUTAS DESTACADAS (shortcode) · alineación + hover cobre + zoom
   Vale con [arueda_rutas limit="6"] y con destacadas="1". */
.aru-rutas-featured-shortcode{width:100%}
.aru-rutas-featured-shortcode .arueda-cards{justify-content:flex-start!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.aru-rutas-featured-shortcode .arueda-card{max-width:none!important;border:1px solid #ddd6c8!important;border-radius:20px!important;overflow:hidden;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease!important}
.aru-rutas-featured-shortcode .arueda-card__media{aspect-ratio:16/10}
.aru-rutas-featured-shortcode .arueda-card__body{padding:22px!important;gap:10px!important}
.aru-rutas-featured-shortcode .arueda-card:hover{transform:translateY(-5px)!important;border-color:#b8663a!important;box-shadow:0 22px 48px -26px rgba(23,53,39,.5)!important}
.aru-rutas-featured-shortcode .arueda-card__media img{transition:transform .45s ease}
.aru-rutas-featured-shortcode .arueda-card:hover .arueda-card__media img{transform:scale(1.05)}
@media(max-width:1024px){ .aru-rutas-featured-shortcode .arueda-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important} }
@media(max-width:600px){ .aru-rutas-featured-shortcode .arueda-cards{grid-template-columns:1fr!important} }

/* "Encuentra rutas…" (.aru-rutas-intent-section) · hover tarjetas */
.aru-rutas-intent-section .aru-card2{transition:transform .28s ease}
.aru-rutas-intent-section .aru-card2 > .elementor-element-populated,
.aru-rutas-intent-section .aru-card2 > .elementor-widget-wrap{transition:border-color .28s ease, box-shadow .28s ease}
.aru-rutas-intent-section .aru-card2:hover{transform:translateY(-5px);z-index:2}
.aru-rutas-intent-section .aru-card2:hover > .elementor-element-populated,
.aru-rutas-intent-section .aru-card2:hover > .elementor-widget-wrap{border-color:#b8663a !important;box-shadow:0 22px 48px -26px rgba(23,53,39,.5) !important}
.aru-rutas-intent-section .elementor-widget-text-editor a:hover{text-decoration:underline}
@media(max-width:600px){ .aru-rutas-intent-section .aru-card2:hover{transform:none} }

/* "Antes de salir" (.aru-rutas-intro-section) · hover tarjetas */
.aru-rutas-intro-section .aru-card2{transition:transform .28s ease}
.aru-rutas-intro-section .aru-card2 > .elementor-element-populated,
.aru-rutas-intro-section .aru-card2 > .elementor-widget-wrap{transition:border-color .28s ease, box-shadow .28s ease, background-color .28s ease}
.aru-rutas-intro-section .aru-card2:hover{transform:translateY(-5px);z-index:2}
.aru-rutas-intro-section .aru-card2:hover > .elementor-element-populated,
.aru-rutas-intro-section .aru-card2:hover > .elementor-widget-wrap{border-color:#b8663a !important;box-shadow:0 22px 48px -26px rgba(23,53,39,.45) !important}
.aru-rutas-intro-section .aru-card2 .elementor-heading-title{line-height:1.2}
.aru-rutas-intro-section .aru-card2 .elementor-widget-text-editor{line-height:1.55}
@media(max-width:600px){ .aru-rutas-intro-section .aru-card2:hover{transform:none} }

/* Responsive · más aire lateral en móvil y tablet (/rutas/ y Home comparten .aru-rutas-section) */
@media (max-width: 767px){
  .aru-rutas-section > .elementor-container{width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important}
}
@media (min-width: 768px) and (max-width: 1024px){
  .aru-rutas-section > .elementor-container{width:calc(100% - 64px)!important;max-width:calc(100% - 64px)!important;margin-left:auto!important;margin-right:auto!important}
}

/* ============================== HOME · .aru-home-* ============================== */

/* Imágenes editables */
.aru-home-img img{width:100%;height:auto;display:block;border-radius:20px}
.aru-home-img--tall img{aspect-ratio:4/5;object-fit:cover;min-height:340px}

/* HERO · centrado vertical del split texto/vídeo */
@media(min-width:1025px){
  .aru-home-hero-split > .elementor-container{align-items:center !important}
  .aru-home-hero-split > .elementor-container > .elementor-column:last-child{align-self:center}
}
@media(max-width:1024px){ .aru-home-hero-split > .elementor-container{gap:34px !important} }

/* HERO · vídeo — MECANISMO A: tu widget con clase .aru-home-video-manual (máx 620px, derecha) */
.aru-home-hero .aru-home-video-manual{width:100% !important;max-width:620px !important;margin-left:auto !important;margin-right:0 !important}
.aru-home-hero .aru-home-video-manual .elementor-widget-container{border-radius:18px !important;overflow:hidden !important;box-shadow:0 28px 70px -38px rgba(0,0,0,.55) !important;background:#0d1f17 !important}
.aru-home-hero .aru-home-video-manual .elementor-wrapper{border-radius:18px !important;overflow:hidden !important}
@media(max-width:1024px){ .aru-home-hero .aru-home-video-manual{max-width:100% !important;margin-left:0 !important} }

/* HERO · vídeo — MECANISMO B: widget con clase .aru-home-hero-media (placeholder 16/9)
   (Solo actúa si tu widget de vídeo lleva ESTA clase. Si usas la de arriba, puedes borrar este bloque.) */
.aru-home-hero-media,.aru-home-hero-media .elementor-widget-container{width:100%}
.aru-home-hero-media .elementor-widget-container{position:relative;aspect-ratio:16/9;min-height:360px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#22432f,#12241a);box-shadow:0 34px 80px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.10)}
.aru-home-hero-media .elementor-wrapper,.aru-home-hero-media .elementor-fit-aspect-ratio,.aru-home-hero-media .elementor-video,.aru-home-hero-media iframe,.aru-home-hero-media video{position:absolute;inset:0;width:100% !important;height:100% !important;border:0;border-radius:18px;object-fit:cover}
@media(max-width:1024px){ .aru-home-hero-media .elementor-widget-container{min-height:300px} }
@media(max-width:600px){ .aru-home-hero-media .elementor-widget-container{min-height:220px} }

/* CABECERAS editoriales · texto derecho alineado con el H2 (no con el kicker) */
@media(min-width:1025px){ .aru-home-headsplit > .elementor-container > .elementor-column:last-child{padding-top:38px} }

/* "LO ÚLTIMO EN ARUEDA" (.aru-home-featured) · destacado sin caja + imagen grande */
.aru-home-featured .aru-home-featured-hero,
.aru-home-featured .aru-home-featured-hero > .elementor-container > .elementor-column,
.aru-home-featured .aru-home-featured-hero > .elementor-container > .elementor-column > .elementor-widget-wrap,
.aru-home-featured .aru-home-featured-hero > .elementor-container > .elementor-column > .elementor-element-populated{background:transparent !important;border:0 !important;box-shadow:none !important}
@media(min-width:1025px){ .aru-home-featured .aru-home-featured-hero > .elementor-container{align-items:center !important;gap:48px} }
.aru-home-featured-hero .aru-home-img .elementor-widget-container{border-radius:22px;overflow:hidden;aspect-ratio:3/2;min-height:340px;background:linear-gradient(135deg,#ece7db,#ddd7c7)}
.aru-home-featured-hero .aru-home-img img{width:100% !important;height:100% !important;object-fit:cover;display:block;border-radius:22px}
.aru-home-featured .elementor-inner-section .elementor-container{align-items:stretch}

/* HOVER coherente (borde cobre + elevación) en tarjetas .aru-card2 de la Home */
.aru-home-featured .aru-card2, .aru-home-destinations .aru-card2, .aru-home-guides .aru-card2, .aru-home-material .aru-card2, .aru-home-story .aru-card2{transition:transform .28s ease}
.aru-home-featured .aru-card2 > .elementor-element-populated, .aru-home-featured .aru-card2 > .elementor-widget-wrap,
.aru-home-destinations .aru-card2 > .elementor-element-populated, .aru-home-destinations .aru-card2 > .elementor-widget-wrap,
.aru-home-guides .aru-card2 > .elementor-element-populated, .aru-home-guides .aru-card2 > .elementor-widget-wrap,
.aru-home-material .aru-card2 > .elementor-element-populated, .aru-home-material .aru-card2 > .elementor-widget-wrap,
.aru-home-story .aru-card2 > .elementor-element-populated, .aru-home-story .aru-card2 > .elementor-widget-wrap{transition:border-color .28s ease, box-shadow .28s ease}
.aru-home-featured .aru-card2:hover, .aru-home-destinations .aru-card2:hover, .aru-home-guides .aru-card2:hover, .aru-home-material .aru-card2:hover, .aru-home-story .aru-card2:hover{transform:translateY(-5px);z-index:2}
.aru-home-featured .aru-card2:hover > .elementor-element-populated, .aru-home-featured .aru-card2:hover > .elementor-widget-wrap,
.aru-home-destinations .aru-card2:hover > .elementor-element-populated, .aru-home-destinations .aru-card2:hover > .elementor-widget-wrap,
.aru-home-guides .aru-card2:hover > .elementor-element-populated, .aru-home-guides .aru-card2:hover > .elementor-widget-wrap,
.aru-home-material .aru-card2:hover > .elementor-element-populated, .aru-home-material .aru-card2:hover > .elementor-widget-wrap,
.aru-home-story .aru-card2:hover > .elementor-element-populated, .aru-home-story .aru-card2:hover > .elementor-widget-wrap{border-color:#b8663a !important;box-shadow:0 22px 48px -26px rgba(23,53,39,.45) !important}
.aru-home-featured .elementor-widget-text-editor a:hover, .aru-home-destinations .elementor-widget-text-editor a:hover, .aru-home-guides .elementor-widget-text-editor a:hover, .aru-home-material .elementor-widget-text-editor a:hover, .aru-home-story .elementor-widget-text-editor a:hover{text-decoration:underline}
@media(min-width:1025px){ .aru-home-story-split > .elementor-container{align-items:center!important} }
@media(max-width:1024px){ .aru-home-story-split{padding:26px!important} }
@media(max-width:600px){ .aru-home-featured .aru-card2:hover, .aru-home-destinations .aru-card2:hover, .aru-home-guides .aru-card2:hover, .aru-home-material .aru-card2:hover, .aru-home-story .aru-card2:hover{transform:none} }

/* PUERTOS (.aru-home-ports) · tarjetas oscuras tipo perfil (estáticas editables) */
.aru-home-ports .aru-port-card{background:#12241a !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:18px !important;overflow:hidden;transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease}
.aru-home-ports .aru-port-card > .elementor-element-populated,
.aru-home-ports .aru-port-card > .elementor-widget-wrap{padding:0 !important;height:100%}
.aru-home-ports .aru-port-perfil .elementor-heading-title{display:flex;align-items:center;justify-content:center;text-align:center;height:150px;margin:0;background:linear-gradient(135deg,#ece7db,#dcd7c7);color:#7d8a7f;font:700 12px/1.3 "Montserrat",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.aru-home-ports .aru-port-card .elementor-widget:not(.aru-port-perfil){padding-left:22px;padding-right:22px}
.aru-home-ports .aru-port-title{padding-top:20px !important}
.aru-home-ports .aru-port-title .elementor-heading-title{color:#ffffff !important}
.aru-home-ports .aru-port-zona .elementor-heading-title{color:#9fb0a0 !important}
.aru-home-ports .aru-port-link{padding-top:2px !important;padding-bottom:24px !important}
.aru-home-ports .aru-home-ports-cards > .elementor-container{align-items:stretch}
.aru-home-ports .aru-port-card:hover{transform:translateY(-5px);border-color:#b8663a !important;box-shadow:0 24px 50px -26px rgba(0,0,0,.6)}
.aru-home-ports .aru-port-link a:hover{text-decoration:underline}
@media(max-width:600px){ .aru-home-ports .aru-port-card:hover{transform:none} }
/* HOME · Destinos · asegurar Montserrat y evitar errores de herencia */
.aru-home-destinations,
.aru-home-destinations .elementor-heading-title,
.aru-home-destinations .elementor-widget-text-editor,
.aru-home-destinations .elementor-widget-text-editor p,
.aru-home-destinations a{
  font-family:"Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.aru-home-destinations .elementor-widget-text-editor,
.aru-home-destinations .elementor-widget-text-editor p{
  line-height:1.55 !important;
  white-space:normal !important;
}
/* ============================================================
   HOME · HERO · vídeo manual grande y centrado
   Requiere:
   - Columna derecha: aru-home-video-col
   - Widget vídeo: aru-home-video-manual
   ============================================================ */

/* Columna derecha del vídeo */
.aru-home-video-col,
.aru-home-video-col > .elementor-widget-wrap,
.aru-home-video-col > .elementor-element-populated{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  align-content:center !important;
}

/* Altura suficiente para centrar el vídeo en escritorio */
.aru-home-video-col > .elementor-widget-wrap,
.aru-home-video-col > .elementor-element-populated{
  height:100% !important;
  min-height:520px !important;
}

/* Widget de vídeo */
.aru-home-video-col .aru-home-video-manual{
  width:100% !important;
  max-width:620px !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}

/* Caja del vídeo */
.aru-home-video-col .aru-home-video-manual .elementor-widget-container{
  width:100% !important;
  aspect-ratio:16/9 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#0d1f17 !important;
  box-shadow:0 28px 70px -38px rgba(0,0,0,.55) !important;
}

/* Elementos internos de Elementor / YouTube */
.aru-home-video-col .aru-home-video-manual .elementor-wrapper,
.aru-home-video-col .aru-home-video-manual .elementor-fit-aspect-ratio,
.aru-home-video-col .aru-home-video-manual iframe,
.aru-home-video-col .aru-home-video-manual video{
  width:100% !important;
  height:100% !important;
  border-radius:18px !important;
}

/* Tablet y móvil */
@media(max-width:1024px){
  .aru-home-video-col > .elementor-widget-wrap,
  .aru-home-video-col > .elementor-element-populated{
    min-height:0 !important;
  }

  .aru-home-video-col .aru-home-video-manual{
    max-width:100% !important;
  }
}
/* ============================================================
   HOME · HERO · vídeo grande y centrado
   Solo requiere clase en la columna derecha:
   aru-home-video-col
   ============================================================ */

/* Columna derecha del vídeo */
.aru-home-video-col,
.aru-home-video-col > .elementor-widget-wrap,
.aru-home-video-col > .elementor-element-populated{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  align-content:center !important;
}

/* Altura para que el vídeo pueda centrarse verticalmente */
.aru-home-video-col > .elementor-widget-wrap,
.aru-home-video-col > .elementor-element-populated{
  height:100% !important;
  min-height:520px !important;
}

/* Widget vídeo dentro de la columna */
.aru-home-video-col .elementor-widget-video{
  width:100% !important;
  max-width:620px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}

/* Caja del vídeo */
.aru-home-video-col .elementor-widget-video .elementor-widget-container{
  width:100% !important;
  aspect-ratio:16/9 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#0d1f17 !important;
  box-shadow:0 28px 70px -38px rgba(0,0,0,.55) !important;
}

/* Wrapper interno de Elementor / YouTube */
.aru-home-video-col .elementor-widget-video .elementor-wrapper,
.aru-home-video-col .elementor-widget-video .elementor-fit-aspect-ratio,
.aru-home-video-col .elementor-widget-video iframe,
.aru-home-video-col .elementor-widget-video video{
  width:100% !important;
  height:100% !important;
  border-radius:18px !important;
}

/* Tablet y móvil */
@media(max-width:1024px){
  .aru-home-video-col > .elementor-widget-wrap,
  .aru-home-video-col > .elementor-element-populated{
    min-height:0 !important;
  }

  .aru-home-video-col .elementor-widget-video{
    max-width:100% !important;
  }
}/* End custom CSS */