/* aerolineas.css — directorio de aerolíneas (/aerolineas).
   Portado del mockup pagina-aerolineas.html. Reutiliza hero/secciones de
   derechos.css + proceso/faq/cta de home.css; aquí solo lo propio (.air-*). */
/* .crumb: fuente unica en derechos.css (centrado + una sola linea con ellipsis). */
.dp .hero-in{max-width:820px;margin:0 auto;text-align:center}
.dp .hero .btn-cta{font-size:15px;padding:13px 26px;gap:8px}
.dp .hero .btn-cta svg{width:17px;height:17px}

.dp .air-search{max-width:520px;margin:30px auto 0;position:relative}
.dp .air-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-400)}
/* 16px: por debajo, Safari iOS amplía la página al enfocar. Esta regla la
   comparten el buscador de aerolíneas y el del centro de ayuda. */
.dp .air-search input{width:100%;height:54px;border:1px solid var(--gray-200);border-radius:16px;padding:0 20px 0 50px;font-family:var(--font);font-size:16px;color:var(--dark);background:#fff;transition:border-color var(--t),box-shadow var(--t)}
.dp .air-search input::placeholder{color:var(--gray-400)}
.dp .air-search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light)}
.dp .air-group{margin-top:52px}
.dp .air-group:first-of-type{margin-top:48px}
.dp .air-group-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.dp .air-group-h h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--dark)}
.dp .air-group-h .c{font-size:.82rem;color:var(--gray-400);font-weight:600}
.dp .air-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.dp .air-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dp .air-grid{grid-template-columns:1fr}}
/* ═ CARD con LOGO real de la aerolínea ═ */
.dp .air-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--gray-100);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:14px 16px;transition:transform var(--t),box-shadow var(--t),border-color var(--t),opacity .22s ease}
.dp .air-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.09);border-color:var(--gray-200)}
.dp .air-card:hover .arw{color:var(--blue);transform:translateX(3px)}
/* Caja de logo 50×50 IGUAL para las 43 (owner: mismo tamaño; los cuadrados de
   color rellenan, los logos con nombre quedan contenidos aunque salgan con la
   letra pequeña). object-fit:contain = sin deformar. */
.dp .al-logo{width:50px;height:50px;border-radius:12px;background:#fff;border:1px solid var(--gray-100);flex:none;overflow:hidden}
/* Sin borde en el tile; el border-radius va en la propia imagen (mismo 12px):
   los logos con fondo blanco/sólido quedan redondeados sin tocar los extremos,
   los demás rellenan igual. Sin distinguir fondos. */
.dp .al-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px;padding:5px;box-sizing:border-box}
.dp .al-fb{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:14px;font-weight:800;flex:none}
.dp .air-card .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.dp .air-card .nm b{font-size:.97rem;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp .air-card .nm span{font-size:.8rem;color:var(--blue);font-weight:700}
.dp .air-card .arw{color:var(--gray-300);flex:none;transition:transform var(--t),color var(--t)}
.dp .air-card .arw svg{width:18px;height:18px}
.dp .air-note{text-align:center;color:var(--gray-500);font-size:.95rem;line-height:1.6;margin-top:44px;max-width:60ch;margin-left:auto;margin-right:auto}
.dp .air-note a{color:var(--blue);font-weight:600}
.dp .air-cta{text-align:center;margin-top:44px}
.dp .air-empty{text-align:center;color:var(--gray-500);font-size:.95rem;margin:40px auto 0;max-width:52ch}
.dp .air-card[hidden],.dp .air-group[hidden]{display:none}
/* Filtro del buscador: los que se van se desvanecen (200 ms), luego colapsan y
   los supervivientes se deslizan (FLIP, transform inline); los que entran usan
   el fade-up canónico del reveal. */
.dp .air-card.air-out{opacity:0}
/* backwards (NO both/forwards): tras la entrada NO retiene opacidad:1, si no el
   air-out siguiente no podría volver a apagar la tarjeta (se rompía tras 1 vez). */
.dp .air-card.air-in,.dp .air-group-h.air-in{animation:airIn .24s ease backwards}
@keyframes airIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dp .air-card.air-in,.dp .air-group-h.air-in{animation:none}}
.dp .air-disclaimer{margin:36px auto 0;max-width:720px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--gray-400)}