/* ===========================================================================
   PsychicAds — estilo "lotería hispana" (diseño aprobado en el boceto v2)
   =========================================================================== */
:root{
  --papel:#FBF1DC; --tinta:#3D2417; --rojo:#D64541; --naranja:#F39C2D;
  --teal:#1E8E7E; --rosa:#E85D9E; --morado:#7B4FA6; --amarillo:#F7C948;
  --crema:#FFF9EC; --marron:#8A5A3B; --verde:#2E9E4F;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Quicksand',sans-serif;background:var(--papel);color:var(--tinta);min-height:100vh;
  background-image:radial-gradient(#E8D9BC 1px,transparent 1px);background-size:22px 22px;}
.slab{font-family:'Alfa Slab One',Georgia,serif;font-weight:400;}
.sin-lin{text-decoration:none;color:inherit;}

/* papel picado */
.picado{display:flex;height:46px;overflow:hidden;}
.banderin{flex:1;position:relative;margin:0 2px;
  clip-path:polygon(0 0,100% 0,100% 68%,83% 100%,66% 68%,50% 100%,33% 68%,16% 100%,0 68%);}
.banderin::before{content:"";position:absolute;inset:8px 22% 45% 22%;border-radius:50%;background:rgba(255,255,255,.35);}

header{padding:20px 16px 0;text-align:center;}
.marquesina{display:inline-block;background:var(--crema);border:4px solid var(--tinta);border-radius:16px;
  padding:18px 34px 14px;box-shadow:8px 8px 0 var(--naranja), 8px 8px 0 2px var(--tinta);position:relative;}
.marquesina .bombillas{position:absolute;inset:6px;border:2px dotted #C9A96E;border-radius:10px;pointer-events:none;}
.logo-linea1{font-size:15px;letter-spacing:.34em;color:var(--rojo);font-weight:700;text-transform:uppercase;}
.logo-linea2{font-size:46px;color:var(--tinta);line-height:1.1;letter-spacing:.02em;}
.logo-linea2 .ps{color:var(--teal);} .logo-linea2 .ads{color:var(--rojo);}
.logo-linea3{font-size:13px;color:var(--marron);font-weight:700;margin-top:4px;}
.sehabla{display:inline-block;margin-top:16px;background:var(--rojo);color:#fff;font-size:16px;
  padding:9px 26px;border-radius:30px;border:3px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);
  font-weight:700;letter-spacing:.06em;transform:rotate(-1.5deg);}
.sehabla b{color:var(--amarillo);}
.banderas{margin-top:12px;font-size:20px;letter-spacing:6px;}
.botonera{margin-top:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.publicar{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;
  font-weight:700;font-size:14px;padding:11px 26px;border-radius:30px;border:3px solid var(--tinta);
  box-shadow:4px 4px 0 var(--tinta);cursor:pointer;transition:transform .15s;}
.publicar:hover{transform:translateY(-2px);}
.publicar.acceso{background:var(--crema);color:var(--tinta);}

/* categorías: cartelitos de mercado */
nav.mercado{max-width:1100px;margin:26px auto 0;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding:0 14px;}
.cartelito{background:var(--crema);border:3px solid var(--tinta);border-radius:12px;padding:10px 16px;cursor:pointer;
  text-align:center;min-width:150px;box-shadow:4px 4px 0 rgba(61,36,23,.25);transition:all .15s;text-decoration:none;color:inherit;}
.cartelito:hover{transform:translateY(-3px) rotate(-1deg);}
.cartelito .ic{font-size:24px;display:block;}
.cartelito .nom{font-size:13px;font-weight:700;display:block;margin-top:2px;}
.cartelito .en{font-size:10.5px;color:var(--marron);text-transform:uppercase;letter-spacing:.06em;}
.cartelito.on{background:var(--amarillo);box-shadow:4px 4px 0 var(--tinta);transform:rotate(-1.5deg) scale(1.04);}

main{max-width:1100px;margin:0 auto;padding:24px 16px 60px;}
.titulo-seccion{font-size:26px;color:var(--tinta);}
.titulo-seccion span{background:linear-gradient(transparent 62%, var(--amarillo) 62%);padding:0 4px;}
.sub-seccion{color:var(--marron);font-size:13px;margin:6px 0 20px;font-weight:600;}

/* cartas de lotería */
.parrilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.loteria{background:var(--crema);border:3px solid var(--tinta);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;position:relative;transition:transform .15s;}
.loteria:hover{transform:translateY(-4px) rotate(.6deg);}
.loteria.fijo{border-color:#B8860B;border-width:4px;box-shadow:0 0 0 3px var(--amarillo);}
.loteria .marco{margin:9px;border:2px solid var(--tinta);border-radius:9px;overflow:hidden;flex:1;display:flex;flex-direction:column;}
.loteria .numero{position:absolute;top:14px;left:14px;background:var(--crema);border:2px solid var(--tinta);
  border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:13px;z-index:2;}
.loteria .numero.oro{background:var(--amarillo);}
.loteria .estampa{height:120px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden;}
.loteria .estampa img{width:100%;height:100%;object-fit:cover;}
.destacado-cinta{position:absolute;top:12px;right:-34px;background:var(--rojo);color:#fff;font-size:10.5px;
  font-weight:800;padding:4px 38px;transform:rotate(38deg);letter-spacing:.1em;border:1.5px solid var(--tinta);}
.destacado-cinta.oro{background:#B8860B;}
.renovado{position:absolute;bottom:8px;left:10px;background:var(--verde);color:#fff;font-size:10px;
  font-weight:800;padding:3px 10px;border-radius:12px;border:1.5px solid var(--tinta);}
.loteria .titular{background:var(--tinta);color:var(--crema);text-align:center;font-size:13px;
  text-transform:uppercase;letter-spacing:.05em;padding:7px 10px;font-weight:700;}
.loteria .cuerpo{padding:12px 14px;flex:1;background:var(--crema);}
.loteria p{font-size:12.5px;color:#6B4F3A;line-height:1.55;margin-bottom:10px;}
.precio-sello{display:inline-block;background:var(--teal);color:#fff;font-weight:800;font-size:13.5px;
  padding:5px 14px;border-radius:20px;border:2px solid var(--tinta);transform:rotate(-1deg);}
.pagos{font-size:11px;color:var(--marron);margin-top:6px;font-weight:600;}
.loteria .pie{display:flex;gap:8px;padding:11px 14px;border-top:2px dashed #D9C6A3;flex-wrap:wrap;background:var(--crema);}
.btn{border:3px solid var(--tinta);border-radius:22px;padding:8px 15px;font-size:12.5px;font-weight:800;
  cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block;color:var(--tinta);}
.btn-llamar{background:var(--rojo);color:#fff;box-shadow:3px 3px 0 var(--tinta);}
.btn-web{background:var(--crema);color:var(--tinta);}
.btn-ok{background:var(--verde);color:#fff;box-shadow:3px 3px 0 var(--tinta);}
.btn-no{background:var(--rojo);color:#fff;}

/* caja SEO */
.seo-caja{margin-top:32px;background:var(--crema);border:3px solid var(--tinta);border-radius:14px;
  padding:20px 24px;box-shadow:6px 6px 0 var(--teal), 6px 6px 0 2px var(--tinta);}
.seo-caja h2{font-size:16px;color:var(--rojo);margin-bottom:8px;}
.seo-caja p{font-size:13.5px;color:#5D4433;line-height:1.75;}

footer{text-align:center;font-size:12px;color:var(--marron);padding:24px;line-height:1.8;}
footer .mini-picado{display:flex;max-width:400px;margin:0 auto 14px;height:24px;}
.pie-enlaces{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:center;margin-bottom:10px;}
.pie-enlaces a{color:var(--marron);font-weight:700;text-decoration:underline;font-size:12px;}

/* formularios (acceso, publicar) */
.caja-form{max-width:480px;margin:36px auto;background:var(--crema);border:4px solid var(--tinta);border-radius:16px;
  padding:28px 30px;box-shadow:8px 8px 0 var(--rosa), 8px 8px 0 2px var(--tinta);}
.caja-form.ancha{max-width:640px;box-shadow:8px 8px 0 var(--teal), 8px 8px 0 2px var(--tinta);}
.caja-form h1{font-size:22px;margin-bottom:4px;}
.caja-form .mini{font-size:12.5px;color:var(--marron);font-weight:700;margin-bottom:18px;}
.campo-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--marron);margin:14px 0 4px;display:block;}
.campo{background:#fff;border:3px solid var(--tinta);border-radius:10px;padding:10px 14px;font-size:14px;
  width:100%;font-family:inherit;color:var(--tinta);}
textarea.campo{min-height:110px;resize:vertical;}
.btn-grande{width:100%;margin-top:20px;background:var(--teal);color:#fff;border:3px solid var(--tinta);
  border-radius:24px;padding:12px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--tinta);}
.btn-grande:hover{transform:translateY(-1px);}
.pie-form{text-align:center;font-size:12.5px;color:var(--marron);margin-top:14px;font-weight:600;}
.pie-form a{color:var(--rojo);}
.dos-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
@media(max-width:520px){.dos-cols{grid-template-columns:1fr;}}

/* avisos y sellos */
.aviso{background:var(--amarillo);border:3px solid var(--tinta);border-radius:12px;padding:12px 18px;
  font-size:13px;font-weight:700;margin:14px 0;transform:rotate(-.4deg);box-shadow:4px 4px 0 rgba(61,36,23,.25);}
.aviso.error{background:#FADBD8;}
.aviso.ok{background:#D5F5E3;}
.estado-sello{display:inline-block;font-size:10.5px;font-weight:800;padding:4px 12px;border-radius:14px;border:2px solid var(--tinta);}
.sello-ok{background:var(--verde);color:#fff;}
.sello-espera{background:var(--amarillo);color:var(--tinta);}
.sello-no{background:var(--rojo);color:#fff;}

/* lista "mis anuncios" */
.fila{display:flex;align-items:center;gap:12px;border:3px solid var(--tinta);border-radius:12px;background:#fff;
  padding:11px 16px;margin-bottom:10px;flex-wrap:wrap;}
.fila.espera{border-color:var(--naranja);background:#FFF4E0;}
.fila.no{border-color:var(--rojo);background:#FDF0EF;}
.fila .crece{flex:1;min-width:200px;}
.fila .nom{font-weight:800;font-size:13.5px;}
.fila .det{font-size:11.5px;color:var(--marron);font-weight:600;margin-top:2px;}

@media(max-width:560px){.logo-linea2{font-size:32px}.cartelito{min-width:calc(50% - 14px)}}