/* =========================================================================
   Dr. Amer Abboud — hoja de estilos unica.
   Todo el espaciado usa propiedades LOGICAS (margin-inline, inset-inline...)
   para que el diseno se voltee solo al pasar de arabe (RTL) a ingles (LTR).
   ========================================================================= */

:root{
  --tinta:#0b2733;          /* texto principal */
  --tinta-suave:#587381;    /* texto secundario */
  --teal:#12a3a8;           /* color de marca */
  --teal-osc:#0d3b4a;       /* fondos profundos */
  --teal-claro:#4fd1cd;
  --menta:#eff8f7;          /* fondo de secciones alternas */
  --menta-borde:#d6ecea;
  --blanco:#fff;
  --linea:#e4edf0;

  --radio:22px;
  --radio-sm:14px;
  --sombra:0 18px 45px -22px rgba(11,39,51,.35);
  --sombra-fuerte:0 30px 70px -30px rgba(11,39,51,.45);
  --ancho:1180px;
  --fuente:'Tajawal','Manrope',system-ui,sans-serif;
  --transicion:.35s cubic-bezier(.22,.61,.36,1);
}
html[lang="en"]{ --fuente:'Manrope','Tajawal',system-ui,sans-serif; }

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-block-start:96px; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--blanco); color:var(--tinta);
  font-family:var(--fuente); font-size:17px; line-height:1.75;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ line-height:1.25; margin:0 0 .5em; font-weight:800; letter-spacing:-.01em; }
h1{ font-size:clamp(2.1rem,5.2vw,3.7rem); }
h2{ font-size:clamp(1.6rem,3.4vw,2.5rem); }
h3{ font-size:1.15rem; }
p{ margin:0 0 1em; }
button{ font:inherit; }

.contenedor{ width:min(100% - 2.5rem,var(--ancho)); margin-inline:auto; }
.contenedor--estrecho{ width:min(100% - 2.5rem,820px); }
.seccion{ padding-block:clamp(4rem,9vw,7.5rem); }
.seccion--menta{ background:var(--menta); border-block:1px solid var(--menta-borde); }

.saltar{
  position:fixed; inset-block-start:-100px; inset-inline-start:1rem; z-index:100;
  background:var(--teal-osc); color:#fff; padding:.7rem 1.2rem; border-radius:0 0 12px 12px;
  transition:var(--transicion);
}
.saltar:focus{ inset-block-start:0; }
:focus-visible{ outline:3px solid var(--teal); outline-offset:3px; border-radius:6px; }

/* ---------- Botones ---------- */
.boton{
  --fondo:var(--teal);
  display:inline-flex; align-items:center; gap:.55rem; justify-content:center;
  padding:.95rem 1.7rem; border-radius:999px; font-weight:700; border:2px solid transparent;
  cursor:pointer; transition:var(--transicion); white-space:nowrap;
}
.boton .ico{ width:20px; height:20px; flex:none; }
.boton--primario{
  background:linear-gradient(135deg,var(--teal),#0d7f96); color:#fff;
  box-shadow:0 14px 30px -14px rgba(18,163,168,.9);
}
.boton--primario:hover{ transform:translateY(-2px); box-shadow:0 20px 38px -14px rgba(18,163,168,.95); }
.boton--fantasma{ background:transparent; border-color:var(--linea); color:var(--tinta); }
.boton--fantasma:hover{ border-color:var(--teal); color:var(--teal); transform:translateY(-2px); }
.boton--sm{ padding:.62rem 1.15rem; font-size:.95rem; }

.etiqueta{
  display:inline-flex; align-items:center; gap:.5rem; margin:0 0 .8rem;
  font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--teal);
}
.etiqueta::before{ content:""; inline-size:26px; block-size:2px; background:currentColor; border-radius:2px; }

/* ---------- Cabecera ---------- */
.cabecera{
  position:sticky; inset-block-start:0; z-index:60;
  background:rgba(255,255,255,.82); backdrop-filter:blur(14px);
  border-block-end:1px solid transparent; transition:var(--transicion);
}
.cabecera.pegada{ border-block-end-color:var(--linea); box-shadow:0 10px 30px -25px rgba(11,39,51,.6); }
.cabecera__fila{ display:flex; align-items:center; gap:1.2rem; padding-block:.85rem; }
.cabecera.pegada .cabecera__fila{ padding-block:.55rem; }

.marca{ display:flex; align-items:center; gap:.7rem; flex:none; }
.marca__icono{
  inline-size:44px; block-size:44px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(140deg,var(--teal),var(--teal-osc)); border-radius:14px;
}
.marca__icono svg{ inline-size:26px; block-size:26px; }
.marca__texto{ display:flex; flex-direction:column; line-height:1.25; }
.marca__texto strong{ font-size:1.05rem; }
.marca__texto small{ color:var(--tinta-suave); font-size:.78rem; }

.nav-capa{ display:none; }              /* solo existe en pantallas pequenas */
.nav{ display:flex; gap:.3rem; margin-inline:auto; }
.nav a{
  padding:.5rem .85rem; border-radius:999px; font-weight:500; color:var(--tinta-suave);
  transition:var(--transicion);
}
.nav a:hover{ color:var(--teal); background:var(--menta); }
.nav a.activo{ color:var(--teal-osc); background:var(--menta); font-weight:700; }

.cabecera__acciones{ display:flex; align-items:center; gap:.6rem; flex:none; }
.idioma{
  font-family:'Tajawal',var(--fuente);   /* la 'ع' necesita la fuente arabe */
  inline-size:42px; block-size:42px; border-radius:50%; border:1px solid var(--linea);
  background:#fff; color:var(--tinta); font-weight:800; font-size:.85rem; cursor:pointer;
  transition:var(--transicion);
}
.idioma:hover{ border-color:var(--teal); color:var(--teal); }

.hamburguesa{
  display:none; inline-size:44px; block-size:44px; border:1px solid var(--linea);
  border-radius:12px; background:#fff; cursor:pointer; padding:0;
}
.hamburguesa span{
  display:block; inline-size:20px; block-size:2px; background:var(--tinta);
  margin:4px auto; border-radius:2px; transition:var(--transicion);
}
.hamburguesa[aria-expanded="true"] span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.hamburguesa[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.hamburguesa[aria-expanded="true"] span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ---------- Portada ---------- */
.portada{ position:relative; padding-block:clamp(2.5rem,6vw,5rem) clamp(3.5rem,8vw,6rem); overflow:hidden; }
.portada__aura{
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(680px 420px at 78% 8%,rgba(79,209,205,.30),transparent 62%),
    radial-gradient(620px 480px at 12% 28%,rgba(18,163,168,.16),transparent 60%),
    radial-gradient(900px 520px at 50% 110%,rgba(13,59,74,.10),transparent 60%);
  animation:flotar 18s ease-in-out infinite alternate;
}
@keyframes flotar{ to{ transform:translate3d(0,-22px,0) scale(1.04); } }

.portada__rejilla{
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4.5rem); align-items:center;
}
.portada__bajada{ font-size:1.12rem; color:var(--tinta-suave); max-inline-size:56ch; }
.resalte{
  color:var(--teal);
  background:linear-gradient(180deg,transparent 78%,rgba(79,209,205,.34) 78%);
  box-decoration-break:clone; -webkit-box-decoration-break:clone;
}
.portada__botones{ display:flex; flex-wrap:wrap; gap:.8rem; margin-block:1.6rem 1.8rem; }
.portada__pastillas{ display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; margin:0; padding:0; }
.portada__pastillas li{
  padding:.4rem 1rem; border-radius:999px; background:var(--menta); color:var(--teal-osc);
  border:1px solid var(--menta-borde); font-size:.9rem; font-weight:500;
}

.portada__foto{ position:relative; margin:0; }
.portada__marco{
  position:relative; border-radius:34px; overflow:hidden; box-shadow:var(--sombra-fuerte);
  background:linear-gradient(160deg,var(--menta),#fff);
}
.portada__marco img{ inline-size:100%; }
.portada__marco::after{
  content:""; position:absolute; inset-block-end:0; inset-inline:0; block-size:45%;
  background:linear-gradient(to top,rgba(11,39,51,.72),transparent);
}
.portada__tarjeta{
  position:absolute; inset-block-end:1.3rem; inset-inline:1.3rem; z-index:2;
  display:flex; flex-direction:column; color:#fff;
}
.portada__tarjeta strong{ font-size:1.35rem; }
.portada__tarjeta span{ opacity:.85; font-size:.95rem; }

.portada__chip{
  position:absolute; display:flex; align-items:center; gap:.5rem; z-index:3;
  background:rgba(255,255,255,.94); backdrop-filter:blur(8px);
  padding:.6rem 1rem; border-radius:999px; box-shadow:var(--sombra);
  font-size:.88rem; font-weight:700; color:var(--teal-osc);
  animation:subeBaja 5s ease-in-out infinite;
}
.portada__chip svg{ inline-size:18px; block-size:18px; color:var(--teal); }
.portada__chip--a{ inset-block-start:12%; inset-inline-start:-8%; }
.portada__chip--b{ inset-block-end:26%; inset-inline-end:-6%; animation-delay:1.5s; }
@keyframes subeBaja{ 50%{ transform:translateY(-10px); } }

/* ---------- Franja de confianza ---------- */
.franja{ padding-block:0 clamp(2rem,5vw,4rem); }
.franja__rejilla{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.franja__item{
  background:#fff; border:1px solid var(--linea); border-radius:var(--radio);
  padding:1.8rem; box-shadow:var(--sombra); transition:var(--transicion);
}
.franja__item:hover{ transform:translateY(-5px); border-color:var(--menta-borde); }
.franja__item svg{ inline-size:30px; block-size:30px; color:var(--teal); margin-block-end:.7rem; }
.franja__item p{ color:var(--tinta-suave); margin:0; font-size:.98rem; }

/* ---------- Bloques a dos columnas ---------- */
.doble{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.doble__media{ margin:0; border-radius:var(--radio); overflow:hidden; box-shadow:var(--sombra-fuerte); }
.doble__media img{ inline-size:100%; }
.doble__texto p{ color:var(--tinta-suave); }
.lista-marcas{ list-style:none; margin:1.4rem 0; padding:0; display:grid; gap:.7rem; }
.lista-marcas li{ position:relative; padding-inline-start:2rem; color:var(--tinta); }
.lista-marcas li::before{
  content:""; position:absolute; inset-inline-start:0; inset-block-start:.42em;
  inline-size:20px; block-size:20px; border-radius:50%;
  background:var(--menta) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2312a3a8' d='M9.6 16.2 5.4 12l1.4-1.4 2.8 2.8 7-7L18 7.8z'/></svg>") center/13px no-repeat;
}
.enlace-flecha{ display:inline-flex; align-items:center; gap:.5rem; color:var(--teal); font-weight:700; }
.enlace-flecha span{ transition:var(--transicion); }
html[dir="ltr"] .enlace-flecha span{ transform:scaleX(-1); }
.enlace-flecha:hover span{ transform:translateX(6px); }
html[dir="ltr"] .enlace-flecha:hover span{ transform:scaleX(-1) translateX(6px); }

/* ---------- Titulos de seccion ---------- */
.titulo-seccion{ text-align:center; max-inline-size:720px; margin:0 auto clamp(2.2rem,4vw,3.4rem); }
.titulo-seccion .etiqueta{ justify-content:center; }
.titulo-seccion__bajada{ color:var(--tinta-suave); margin:0; }
.titulo-seccion--claro{ color:#fff; }
.titulo-seccion--claro .titulo-seccion__bajada{ color:rgba(255,255,255,.75); }
.titulo-seccion--claro .etiqueta{ color:var(--teal-claro); }

/* ---------- Servicios ---------- */
.servicios{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; }
.servicio{
  position:relative; background:#fff; border:1px solid var(--menta-borde); border-radius:var(--radio);
  padding:1.7rem 1.5rem; transition:var(--transicion); overflow:hidden;
}
.servicio::before{
  content:""; position:absolute; inset-block-start:0; inset-inline:0; block-size:3px;
  background:linear-gradient(90deg,var(--teal),var(--teal-claro));
  transform:scaleX(0); transform-origin:inline-start; transition:var(--transicion);
}
.servicio:hover{ transform:translateY(-6px); box-shadow:var(--sombra-fuerte); }
.servicio:hover::before{ transform:scaleX(1); }
.servicio__ico{
  display:grid; place-items:center; inline-size:48px; block-size:48px; border-radius:14px;
  background:var(--menta); color:var(--teal); margin-block-end:1rem;
}
.servicio__ico svg{ inline-size:26px; block-size:26px; }
.servicio h3{ margin-block-end:.35rem; }
.servicio p{ margin:0; color:var(--tinta-suave); font-size:.95rem; }

/* ---------- Tecnologia ---------- */
.tecnologia{
  background:
    radial-gradient(700px 400px at 85% 0%,rgba(18,163,168,.35),transparent 60%),
    linear-gradient(160deg,#0b2733,#0d3b4a 55%,#08202b);
  color:#fff;
}
.tecnologia__rejilla{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,3.5rem); align-items:center; }
.tecnologia__aparato{ margin:0; border-radius:var(--radio); overflow:hidden; box-shadow:0 40px 80px -40px #000; }
.tecnologia__lista{ display:grid; gap:1.1rem; }
.ventaja{
  display:flex; gap:1.1rem; align-items:flex-start;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radio); padding:1.4rem 1.5rem; transition:var(--transicion);
}
.ventaja:hover{ background:rgba(255,255,255,.11); transform:translateY(-4px); }
.ventaja__num{ font-size:1.5rem; font-weight:800; color:var(--teal-claro); line-height:1.1; }
.ventaja h3{ margin-block-end:.25rem; }
.ventaja p{ margin:0; color:rgba(255,255,255,.75); font-size:.95rem; }

/* ---------- Galeria ---------- */
.galeria{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:1rem; }
.galeria__item{
  padding:0; border:0; background:none; cursor:zoom-in; border-radius:var(--radio);
  overflow:hidden; box-shadow:var(--sombra); transition:var(--transicion);
}
.galeria__item img{ inline-size:100%; block-size:100%; object-fit:cover; aspect-ratio:4/3; transition:var(--transicion); }
.galeria__item:hover{ transform:translateY(-5px); box-shadow:var(--sombra-fuerte); }
.galeria__item:hover img{ transform:scale(1.05); }

/* ---------- Acordeon ---------- */
.acordeon{ display:grid; gap:.8rem; }
.acordeon details{
  background:#fff; border:1px solid var(--menta-borde); border-radius:var(--radio-sm);
  padding:0 1.4rem; transition:var(--transicion);
}
.acordeon details[open]{ box-shadow:var(--sombra); border-color:var(--teal-claro); }
.acordeon summary{
  cursor:pointer; list-style:none; padding-block:1.1rem; font-weight:700;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.acordeon summary::-webkit-details-marker{ display:none; }
.acordeon summary::after{
  content:"+"; font-size:1.4rem; color:var(--teal); font-weight:400; line-height:1; flex:none;
  transition:var(--transicion);
}
.acordeon details[open] summary::after{ transform:rotate(45deg); }
.acordeon p{ margin:0 0 1.1rem; color:var(--tinta-suave); }

/* ---------- Contacto ---------- */
.contacto__rejilla{ display:grid; grid-template-columns:1fr 1.15fr; gap:1.5rem; align-items:stretch; }
.contacto__ficha{
  background:#fff; border:1px solid var(--linea); border-radius:var(--radio);
  padding:clamp(1.5rem,3vw,2.2rem); box-shadow:var(--sombra);
}
.datos{ list-style:none; margin:0 0 1.5rem; padding:0; display:grid; gap:1.3rem; }
.datos li{ display:flex; gap:1rem; align-items:flex-start; }
.datos strong{ display:block; font-size:.85rem; text-transform:uppercase; letter-spacing:.06em; color:var(--tinta-suave); }
.datos p{ margin:.15rem 0 0; font-size:1.05rem; font-weight:500; }
.datos a:hover{ color:var(--teal); }
.datos__ico{
  flex:none; inline-size:42px; block-size:42px; border-radius:12px; display:grid; place-items:center;
  background:var(--menta); color:var(--teal);
}
.datos__ico svg{ inline-size:22px; block-size:22px; }
.horario{ border-collapse:collapse; margin-block-start:.35rem; font-size:.98rem; }
.horario td{ padding:.18rem 0; }
.horario td:first-child{ color:var(--tinta-suave); padding-inline-end:1.4rem; white-space:nowrap; }
.horario td:last-child{ font-weight:600; }
.horario tr.hoy td{ color:var(--teal); font-weight:700; }
.contacto__botones{ display:flex; flex-wrap:wrap; gap:.7rem; }
.redes{ list-style:none; display:flex; gap:.6rem; margin:1.2rem 0 0; padding:0; }
.redes a{
  inline-size:42px; block-size:42px; border-radius:12px; display:grid; place-items:center;
  border:1px solid var(--linea); color:var(--tinta-suave); transition:var(--transicion);
}
.redes a:hover{ border-color:var(--teal); color:var(--teal); transform:translateY(-3px); }
.redes svg{ inline-size:20px; block-size:20px; }

.contacto__mapa{ border-radius:var(--radio); overflow:hidden; box-shadow:var(--sombra); min-block-size:380px; background:var(--menta); }
.mapa{ inline-size:100%; block-size:100%; min-block-size:380px; position:relative; }
.mapa iframe{ inline-size:100%; block-size:100%; min-block-size:380px; border:0; display:block; }

/* Marcador visual para los datos que aun son de ejemplo (ver js/datos.js) */
.pendiente{
  display:inline-block;
  background:repeating-linear-gradient(45deg,#fff6e5,#fff6e5 8px,#ffeecd 8px,#ffeecd 16px);
  border:1px dashed #d99a2b; color:#8a5a00; border-radius:8px; padding:.1rem .5rem;
}

/* ---------- Pie ---------- */
.pie{ background:var(--teal-osc); color:rgba(255,255,255,.75); padding-block:2.5rem; }
.pie__fila{ display:flex; flex-wrap:wrap; gap:1.5rem; align-items:center; justify-content:space-between; }
.pie__nombre{ color:#fff; font-weight:800; font-size:1.15rem; margin:0; }
.pie__linea{ margin:0; font-size:.92rem; }
.pie__nav{ display:flex; flex-wrap:wrap; gap:1.2rem; }
.pie__nav a:hover{ color:var(--teal-claro); }
.pie__copy{ margin:0; font-size:.85rem; inline-size:100%; padding-block-start:1.2rem; border-block-start:1px solid rgba(255,255,255,.12); }

/* ---------- Boton flotante de WhatsApp ---------- */
.wasap{
  position:fixed; inset-block-end:1.3rem; inset-inline-end:1.3rem; z-index:55;
  inline-size:58px; block-size:58px; border-radius:50%; display:grid; place-items:center;
  background:#25d366; color:#fff; box-shadow:0 14px 30px -10px rgba(37,211,102,.7);
  transition:var(--transicion);
}
.wasap svg{ inline-size:30px; block-size:30px; }
.wasap:hover{ transform:scale(1.08); }
.wasap::after{
  content:""; position:absolute; inset:0; border-radius:50%; border:2px solid #25d366;
  animation:pulso 2.4s ease-out infinite;
}
@keyframes pulso{ 100%{ transform:scale(1.6); opacity:0; } }

/* ---------- Visor de fotos ---------- */
.visor[hidden]{ display:none; }   /* el atributo hidden debe ganarle al display:grid */
.visor{
  position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:2rem;
  background:rgba(8,32,43,.92); backdrop-filter:blur(6px); animation:aparecer .3s ease;
}
.visor img{ max-block-size:88vh; border-radius:var(--radio); box-shadow:var(--sombra-fuerte); }
.visor__cerrar{
  position:absolute; inset-block-start:1.2rem; inset-inline-end:1.5rem;
  inline-size:48px; block-size:48px; border-radius:50%; border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1); color:#fff; font-size:1.8rem; line-height:1; cursor:pointer;
}
@keyframes aparecer{ from{ opacity:0; } }

/* ---------- Aparicion al hacer scroll ---------- */
.revelar{ opacity:0; transform:translateY(26px); transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1); }
.revelar.visible{ opacity:1; transform:none; }

/* ---------- Responsive ---------- */
@media (max-width:1040px){
  .servicios{ grid-template-columns:repeat(2,1fr); }
  .nav{ gap:0; }
  .nav a{ padding:.5rem .6rem; font-size:.95rem; }
}
@media (max-width:900px){
  body{ font-size:16px; }
  .hamburguesa{ display:block; }
  .cabecera{ z-index:70; }   /* por encima del menu: la X para cerrar debe verse */

  /* Menu movil: la capa cuelga del <body> (dentro del encabezado quedaria
     recortada por su backdrop-filter) y recorta el panel cuando esta fuera. */
  .nav{ display:none; }
  .nav-capa{
    display:block; position:fixed; inset:0; z-index:65; overflow:hidden;
    visibility:hidden; pointer-events:none; transition:visibility var(--transicion);
  }
  .nav-capa::before{
    content:""; position:absolute; inset:0; background:rgba(11,39,51,.5);
    opacity:0; transition:opacity var(--transicion);
  }
  .nav-capa.abierto{ visibility:visible; pointer-events:auto; }
  .nav-capa.abierto::before{ opacity:1; }
  .nav-movil{
    position:absolute; inset-block:0; inset-inline-end:0; inline-size:min(85vw,340px);
    display:flex; flex-direction:column; gap:.2rem;
    background:#fff; box-shadow:0 0 60px -20px rgba(11,39,51,.6);
    padding:5.5rem 1.5rem 2rem; overflow-y:auto;
    transform:translateX(110%); transition:transform var(--transicion);
  }
  html[dir="rtl"] .nav-movil{ transform:translateX(-110%); }
  .nav-capa.abierto .nav-movil{ transform:translateX(0); }
  .nav-movil a{
    padding:.85rem 1rem; border-radius:999px; font-size:1.05rem; font-weight:500;
    color:var(--tinta-suave); transition:var(--transicion);
  }
  .nav-movil a:hover,.nav-movil a.activo{ color:var(--teal-osc); background:var(--menta); font-weight:700; }
  .cabecera__acciones .boton--sm span{ display:none; }
  .cabecera__acciones .boton--sm{ padding:.62rem .8rem; }
  .portada__rejilla,.doble,.tecnologia__rejilla,.contacto__rejilla,.franja__rejilla{ grid-template-columns:1fr; }
  .portada__foto{ order:-1; max-inline-size:420px; margin-inline:auto; }
  .portada__chip--a{ inset-inline-start:-2%; }
  .portada__chip--b{ inset-inline-end:-2%; }
  .doble__media{ order:-1; }
  .galeria{ grid-template-columns:1fr 1fr; }
  .galeria__item:first-child{ grid-column:1/-1; }
  .contacto__mapa{ min-block-size:300px; }
}
@media (max-width:560px){
  .servicios{ grid-template-columns:1fr; }
  .galeria{ grid-template-columns:1fr; }
  .marca__texto small{ display:none; }
  .portada__botones .boton{ inline-size:100%; }
  .pie__fila{ flex-direction:column; align-items:flex-start; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  html{ scroll-behavior:auto; }
  .revelar{ opacity:1; transform:none; }
}

@media print{
  .cabecera,.wasap,.visor,.portada__aura{ display:none !important; }
  body{ font-size:12pt; }
}