/* ===== Mascooriente · Landings de envío por país ===== */
/* Reutiliza variables y base de breed.css */

.breed-hero h1 .em{color:var(--gold-2);font-style:italic}
.eyebrow .lflag{width:24px;height:16px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.4)}

/* Badge "mejor calificado en Google" */
.g-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);
  border:1px solid var(--line-dark);border-radius:999px;padding:8px 16px 8px 12px;margin:0 0 1.3rem;
  color:#E7DCCB;font-size:.86rem;font-weight:500}
.g-badge .g-ico{width:18px;height:18px;flex:none}
.g-badge .g-stars{display:inline-flex;gap:1px;color:#FFC53D}
.g-badge .g-stars svg{width:13px;height:13px}
.g-badge b{color:#fff;font-weight:700}

/* Precio */
.lprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.05);
  border:1px solid var(--line-dark);border-radius:16px;padding:16px 20px;margin:0 0 1.5rem;max-width:430px}
.lprice .lp-from{color:#A9C2B2;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.lprice b{font-family:"Playfair Display",serif;color:var(--gold-2);font-size:2.1rem;font-weight:800;line-height:1}
.lprice small{color:#CFE0D4;font-size:.88rem;flex-basis:100%}

/* Avión animado de bandera a bandera */
.flight{display:flex;align-items:center;gap:14px;max-width:430px;margin:0 0 1.8rem}
.flight-flag{display:flex;flex-direction:column;align-items:center;gap:5px;flex:none}
.flight-flag img{width:42px;height:28px;border-radius:4px;box-shadow:0 3px 9px rgba(0,0,0,.45)}
.flight-flag small{color:#A9C2B2;font-size:.72rem;font-weight:600;letter-spacing:.04em}
.flight-path{position:relative;flex:1;height:30px}
.flight-path::before{content:"";position:absolute;top:50%;left:0;right:0;
  border-top:2px dashed rgba(127,215,155,.45)}
.flight-plane{position:absolute;top:50%;left:0;color:var(--gold-2);
  animation:flyacross 3.6s var(--ease) infinite}
.flight-plane svg{width:26px;height:26px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
@keyframes flyacross{
  0%{left:0;transform:translate(-10%,-50%) translateY(0)}
  15%{transform:translate(-10%,-50%) translateY(-7px)}
  50%{transform:translate(0,-50%) translateY(-10px)}
  85%{transform:translate(0,-50%) translateY(-7px)}
  100%{left:100%;transform:translate(-90%,-50%) translateY(0)}
}

/* Perrito viajando en avión (foto real en ventanilla + nubes) */
.dog-plane{position:relative;display:flex;justify-content:center;align-items:center;
  min-height:300px;overflow:hidden}
.dp-window{position:relative;width:230px;height:230px;border-radius:50%;overflow:hidden;
  border:10px solid #fff;box-shadow:var(--shadow),inset 0 0 0 3px rgba(20,122,65,.25);
  animation:bobplane 4.5s ease-in-out infinite;z-index:2;background:#cfe0d4}
.dp-window img{width:100%;height:100%;object-fit:cover}
.dp-window::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 45%);pointer-events:none}
.dp-wing{position:absolute;z-index:1;color:var(--gold-2);opacity:.9}
.dp-cloud{position:absolute;background:#fff;border-radius:999px;opacity:.85;z-index:0;
  box-shadow:24px 0 0 6px #fff,-24px 2px 0 2px #fff}
.dp-cloud.c1{width:46px;height:18px;top:18%;left:-60px;animation:drift 9s linear infinite}
.dp-cloud.c2{width:34px;height:14px;top:64%;left:-60px;animation:drift 7s linear infinite 1.5s}
.dp-cloud.c3{width:40px;height:16px;top:40%;left:-60px;animation:drift 11s linear infinite 3s}
@keyframes bobplane{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(420px)}}

/* Avión flotante sobre la foto del hero */
.fly-badge{position:absolute;top:14px;right:-6px;z-index:3;background:#fff;color:var(--ink);
  border-radius:999px;padding:9px 15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;
  font-weight:700;font-size:.84rem;animation:bobplane 5s ease-in-out infinite}
.fly-badge svg{width:18px;height:18px;color:var(--gold-deep)}

/* Transparencia / ruta */
.transfer{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.transfer{grid-template-columns:1fr 1fr}}
.transfer-media{position:relative}
.transfer-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;object-fit:cover;aspect-ratio:4/3}
.tf-route{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.tf-route .pt{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink)}
.tf-route img{width:36px;height:24px;border-radius:4px;box-shadow:var(--shadow-sm)}
.tf-route .ar{color:var(--gold);font-size:1.5rem;font-weight:700}
.tf-fee{font-family:"Playfair Display",serif;font-size:1.7rem;color:var(--gold-deep);font-weight:800;margin:0 0 4px}
.tf-fee span{font-size:.95rem;color:var(--muted);font-family:"Inter",sans-serif;font-weight:500}
.tf-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}
.tf-list li{display:flex;gap:11px;align-items:flex-start;color:var(--ink)}
.tf-list svg{width:21px;height:21px;color:var(--gold-deep);flex:none;margin-top:3px}

/* Pasos */
.steps{display:grid;gap:18px;grid-template-columns:1fr;counter-reset:step}
@media(min-width:680px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow-sm)}
.step .n{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));
  color:#0E1A13;display:flex;align-items:center;justify-content:center;font-weight:800;
  font-family:"Playfair Display",serif;font-size:1.25rem;margin-bottom:15px}
.step b{display:block;font-family:"Playfair Display",serif;font-size:1.08rem;margin-bottom:6px}
.step p{color:var(--muted);font-size:.93rem;margin:0}

/* Formulario */
.lead{background:var(--espresso);color:#fff;border-radius:var(--radius-lg);overflow:hidden;position:relative}
.lead::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 380px at 85% 8%,rgba(47,164,91,.18),transparent 60%)}
.lead-inner{position:relative;z-index:2;display:grid;gap:36px;padding:44px 28px}
@media(min-width:900px){.lead-inner{grid-template-columns:1fr 1.05fr;padding:54px 50px;align-items:center}}
.lead h2{color:#fff}
.lead-lede{color:#CFE0D4}
.lead-trust{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}
.lead-trust li{display:flex;gap:10px;align-items:flex-start;color:#CFE0D4;font-size:.95rem}
.lead-trust svg{width:20px;height:20px;color:var(--gold-2);flex:none;margin-top:2px}
.form-card{background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:18px;
  padding:24px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.field{margin-bottom:14px}
.field label{display:block;font-size:.78rem;color:#A9C2B2;margin-bottom:6px;font-weight:600;letter-spacing:.04em}
.field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line-dark);
  border-radius:10px;padding:12px 14px;color:#fff;font-family:inherit;font-size:.96rem}
.field input::placeholder,.field textarea::placeholder{color:#7e9588}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field select option{color:#14201A}
.form-card .btn{width:100%;margin-top:6px}
.form-note{color:#8fa89a;font-size:.78rem;text-align:center;margin:13px 0 0;line-height:1.5}

/* ---- Optimización móvil ---- */
@media(max-width:680px){
  .section{padding:50px 0}
  .bh-grid{padding:28px 0 36px;gap:26px}
  .breed-hero .bh-media img{aspect-ratio:1/1;max-height:56vh}
  .bh-badge{left:0;font-size:.84rem;padding:10px 14px}
  .fly-badge{right:6px;font-size:.78rem;padding:7px 12px}
  .transfer-media img{aspect-ratio:16/11;max-height:50vh}
  .dog-plane{min-height:240px}
  .dp-window{width:180px;height:180px;border-width:8px}
  .lead-inner{padding:32px 18px}
  .lprice b{font-size:1.85rem}
  .related-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .flight-plane,.dp-window,.fly-badge,.dp-cloud{animation:none}
}