/* Sincrético · la web que ve el cliente.
   La marca sale de marca-sincretico.html, que es la guía buena: Oswald para
   los títulos en mayúsculas, Lobster Two solo para el tagline, Inter para
   todo lo que se lee de corrido. El naranja manda y el magenta remata; el
   rosa y el cielo son fondos, nunca texto. */

:root{
  --naranja:#F2682A; --naranja-oscuro:#C9501A; --naranja-suave:#FDE7DC;
  --magenta:#E2188E; --magenta-oscuro:#B3106F; --magenta-suave:#FBDCEE;
  --rosa:#F8BBCB; --cielo:#8DC8EA; --cielo-suave:#E4F1FA;
  --tinta:#1E1A16; --tinta-2:#3C3630; --gris:#6E665C; --tenue:#A9A096;
  --linea:#E6DFD6; --papel:#FBF7F2; --hueso:#F4EFE8; --blanco:#FFFFFF;
  --ok:#1D6B4A; --ok-bg:#E1F0E7; --alerta:#8C6212; --alerta-bg:#F6EBD5;
  --error:#9E3B2E; --error-bg:#F6E1DD;
  --sombra:0 1px 1px rgba(30,26,22,.05),0 12px 30px -22px rgba(30,26,22,.4);
  --radio:12px;
  color-scheme:light only;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{background:var(--papel);color:var(--tinta);
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
h1,h2,h3,.tit{font-family:Oswald,system-ui,sans-serif;font-weight:700;
  letter-spacing:.01em;text-transform:uppercase;margin:0;}
.script{font-family:'Lobster Two',cursive;text-transform:none;font-weight:400;}
.oculto{display:none !important;}
.mini{font-size:12.5px;color:var(--gris);}

/* ---------- barra ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(251,247,242,.94);
  backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--linea);}
.top .in{max-width:1160px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:13px;}
.top .iso{width:34px;height:34px;border-radius:9px;flex:0 0 auto;}
.top .nom{font-family:Oswald,sans-serif;font-weight:700;font-size:19px;
  letter-spacing:.03em;text-transform:uppercase;line-height:1;}
.top .lema{font-family:'Lobster Two',cursive;font-size:13px;color:var(--magenta);line-height:1.1;}
.top .hueco{flex:1;}
.top .der{font-size:12.5px;color:var(--gris);text-align:right;}
.top .der b{color:var(--tinta);font-weight:600;}
.franja{height:4px;display:flex;}
.franja i{flex:1;}

/* ---------- piezas ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:10px;background:var(--naranja);color:#fff;
  font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;font-size:14px;padding:12px 20px;}
.btn:hover{background:var(--naranja-oscuro);}
.btn:disabled{background:var(--linea);color:var(--tenue);cursor:default;}
.btn.ancho{width:100%;}
.btn.plano{background:var(--blanco);color:var(--tinta);border:1px solid var(--linea);}
.btn.plano:hover{background:var(--hueso);}
.btn.magenta{background:var(--magenta);}
.btn.magenta:hover{background:var(--magenta-oscuro);}

.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linea);
  background:var(--blanco);border-radius:999px;padding:7px 14px;font-size:13px;
  color:var(--tinta-2);white-space:nowrap;}
.chip.on{background:var(--tinta);border-color:var(--tinta);color:#fff;}
.chip b{font-weight:600;}

.et{display:inline-block;font-family:Oswald,sans-serif;font-weight:600;font-size:10.5px;
  letter-spacing:.11em;text-transform:uppercase;padding:3px 9px;border-radius:5px;
  background:var(--hueso);color:var(--gris);}
.et.naranja{background:var(--naranja-suave);color:var(--naranja-oscuro);}
.et.magenta{background:var(--magenta-suave);color:var(--magenta-oscuro);}
.et.cielo{background:var(--cielo-suave);color:#2A6588;}
.et.ok{background:var(--ok-bg);color:var(--ok);}

/* ---------- retículas de fondo cuando no hay foto ---------- */
.sinfoto{background:linear-gradient(135deg,var(--naranja-suave),var(--cielo-suave));}
.sinfoto.g1{background:linear-gradient(135deg,#FDE7DC,#F8BBCB);}
.sinfoto.g2{background:linear-gradient(135deg,#E4F1FA,#FDE7DC);}
.sinfoto.g3{background:linear-gradient(135deg,#FBDCEE,#E4F1FA);}
.sinfoto.g4{background:linear-gradient(135deg,#F4EFE8,#F8BBCB);}
.sinfoto.g5{background:linear-gradient(135deg,#8DC8EA,#E4F1FA);}
.sinfoto .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:Oswald,sans-serif;font-weight:700;font-size:42px;color:rgba(30,26,22,.16);
  letter-spacing:.04em;}

footer{border-top:1px solid var(--linea);background:var(--hueso);
  padding:26px 20px 34px;text-align:center;font-size:12.5px;color:var(--gris);}
footer .lema{font-family:'Lobster Two',cursive;font-size:17px;color:var(--magenta);margin-bottom:6px;}
footer b{color:var(--tinta);}

.cargando{max-width:1160px;margin:0 auto;padding:70px 20px;text-align:center;color:var(--tenue);}