/* =========================================================
   Motor de Sofía con EFECTO CRISTAL (26/10/2026)
   El iframe llega con ?vidrio=oscuro|claro y su contenedor con la clase
   cm-vidrio (las pone carmove_sofia_vidrio_html en functions.php). El cristal
   se pinta AQUÍ, fuera del iframe: desde dentro no se puede desenfocar la web.
   ========================================================= */

/* Sin :has() o sin backdrop-filter: cristal «opaco» para que el texto blanco se lea */
@supports not selector(:has(*)){
  .cm-vidrio-oscuro{ background:#0d3a63; border-radius:16px; padding:8px; }
}
/* --- Landings y /reservar/: cristal blanco que se monta sobre el encabezado azul ---
   Solo se monta (margen negativo) cuando el encabezado .cm-loc-hero está JUSTO
   encima (sección o widget anterior); si no, se queda como tarjeta de cristal normal. */
.cm-vidrio-claro{
  position:relative; z-index:3;
  padding:10px 12px; border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.58) 60%,rgba(255,255,255,.66) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 30px 70px -32px rgba(8,38,86,.55), 0 2px 6px rgba(8,38,86,.06), inset 0 1px 0 #fff;
}
.cm-vidrio-claro iframe{ border-radius:16px; }
/* El encabezado gana el hueco que pisa el cristal (y el coche decorativo no queda debajo) */
@media (max-width:767px){
  .cm-vidrio-claro{ padding:6px; border-radius:20px; }
    }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cm-vidrio-claro{ background:rgba(255,255,255,.96); }
}

/* ---------- PORTADA EN MÓVIL: la tarjeta de acceso (.cm-search-facade) también de cristal oscuro ---------- */
.cm-search-facade.cm-search-facade{
  background:linear-gradient(150deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 55%,rgba(255,255,255,.04) 100%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(170%); backdrop-filter:blur(24px) saturate(170%);
  border:1px solid rgba(255,255,255,.26) !important; border-radius:22px !important;
  box-shadow:0 28px 56px -24px rgba(0,10,25,.7), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.cm-search-facade .cm-sf__label{ color:rgba(255,255,255,.88) !important; }
.cm-search-facade .cm-sf__bar{
  background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.cm-search-facade .cm-sf__bar span{ color:rgba(255,255,255,.9) !important; }
.cm-search-facade .cm-sf__bar svg{ stroke:#fff !important; color:#fff !important; }
.cm-search-facade .cm-sf__btn{ box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 10px 22px -10px rgba(0,10,25,.7); }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cm-search-facade.cm-search-facade{ background:rgba(9,36,66,.88) !important; }
}

/* ---------- PORTADA EN MÓVIL con el motor entero (body.cm-motor-entero, 27/10/2026) ---------- */
@media (max-width:767px){
  body.cm-motor-entero .cm-hero-car{ display:none !important; }
  /* Aquí y no solo en style.css: el CSS recortado de WP Rocket puede no traer las reglas de cm-form-open */
    body.cm-motor-entero .cm-search-facade{ display:none !important; }
    
}