/* APANA · theme.css — un tema por sitio (config.php → 'theme') */

/* Indeleble (sombrilla): rosa mineral, terracota, mostaza y ciruela */
[data-theme=sombrilla]{--paper:#EADBD2;--paper-2:#DFC9BD;--surface:#F3E9E2;--ink:#221B1F;--ink-2:#5A4A4D;--line:#CDB7AB;
  --l1:#C56B52;--l2:#E0A12B;--deep:#2A2130;--on-deep:#F1E4DA;--on-l1:#221B1F;--on-l2:#221B1F;--accent:#2A2130;--on-accent:#F1E4DA}

/* Distrito de Arte Indeleble (.org): mostaza de muro, negro de tinta, rojo de cal */
[data-theme=distrito]{--paper:#DDA332;--paper-2:#CB9022;--surface:#EADDD2;--ink:#15110D;--ink-2:#3F3018;--line:#B27F1A;
  --l1:#B5322B;--l2:#EADDD2;--deep:#15110D;--on-deep:#F3E3B9;--on-l1:#FFF3E6;--on-l2:#15110D;--accent:#15110D;--on-accent:#F3D58C;
  --d-wdth:100%;--d-wght:900;--shadow:.03em .03em 0 var(--l1)}
[data-theme=distrito] .groove{background:linear-gradient(var(--ink) 0 2px,var(--paper-2) 2px 3px,var(--paper) 3px)}
[data-theme=distrito] .tile a:hover,[data-theme=distrito] .btn--ghost:hover{background:var(--ink);color:var(--l2)}
[data-theme=distrito] .tone-l1 .btn{background:var(--ink);color:#F3D58C}
[data-theme=distrito] .capas--foot{background:linear-gradient(var(--l1) 0 .9rem,var(--paper) .9rem 1.5rem,var(--l2) 1.5rem 1.8rem,var(--deep) 1.8rem)}

/* Distrito Indeleble (.com): comercio, más claro y con botones de acción en rojo cal */
[data-theme=comercio]{--paper:#EEE7E1;--paper-2:#E0D3C9;--surface:#FAF6F2;--ink:#17120F;--ink-2:#54463F;--line:#CFC0B5;
  --l1:#A83A25;--l2:#DDA332;--deep:#17120F;--on-deep:#F3E3B9;--on-l1:#FFF3E6;--on-l2:#17120F;--accent:#A83A25;--on-accent:#FFF6EE;
  --d-wdth:100%;--d-wght:900}
[data-theme=comercio] .btn:hover{background:var(--ink);color:#F3D58C}
[data-theme=comercio] .tone-deep .btn,[data-theme=comercio] .tone-l1 .btn,[data-theme=comercio] .tone-l2 .btn{background:var(--paper);color:var(--ink)}
[data-theme=comercio] .offer{border-top-width:10px}

/* Mezcla In.situ: noche de taller, terracota y oro */
[data-theme=mezcla] .hero__title{font-size:clamp(2.3rem,5.4vw,4.6rem)}
[data-theme=mezcla]{--paper:#26212C;--paper-2:#2F2937;--surface:#352F3C;--ink:#F0E2D8;--ink-2:#CDBBB2;--line:#50475A;
  --l1:#C9694F;--l2:#E3A81F;--deep:#1B1820;--on-deep:#F0E2D8;--on-l1:#1B1820;--on-l2:#1B1820;--accent:#E3A81F;--on-accent:#1B1820;
  --d-wdth:118%;--d-wght:800;--shadow:.035em .035em 0 var(--l1)}
[data-theme=mezcla] .groove{background:linear-gradient(#0E0C11 0 2px,#4A4252 2px 3px,var(--paper) 3px)}
[data-theme=mezcla] .btn:hover{background:var(--l1);color:#1B1820}
[data-theme=mezcla] .btn--ghost{color:var(--ink)}
[data-theme=mezcla] .btn--ghost:hover{background:var(--ink);color:var(--paper)}
[data-theme=mezcla] .menu-btn{border-color:var(--ink)}
[data-theme=mezcla] .tone-l1 .btn,[data-theme=mezcla] .tone-l2 .btn,[data-theme=mezcla] .tone-deep .btn{background:var(--deep);color:var(--ink)}
[data-theme=mezcla] .tone-deep .btn{background:var(--l2);color:#1B1820}
[data-theme=mezcla] .tile a{color:var(--ink)}
[data-theme=mezcla] .tile a:hover{background:var(--l2);color:#1B1820}
[data-theme=mezcla] .field input[type=text],[data-theme=mezcla] .field input[type=email],[data-theme=mezcla] .field input[type=tel],[data-theme=mezcla] .field select,[data-theme=mezcla] .field textarea{border-color:#7B6F87}
[data-theme=mezcla] .field__err{color:#FF9A8F}
[data-theme=mezcla] .field--err input:not([type=checkbox]),[data-theme=mezcla] .field--err select,[data-theme=mezcla] .field--err textarea{border-color:#FF9A8F}
[data-theme=mezcla] .capas--foot{background:linear-gradient(var(--l1) 0 .9rem,var(--l2) .9rem 1.5rem,var(--paper) 1.5rem 1.8rem,var(--deep) 1.8rem)}

/* Raza de Polvo: polvo de obra, letras condensadas enormes, naranja de aerosol */
[data-theme=polvo]{--paper:#D8CEC5;--paper-2:#CBBFB5;--surface:#E5DDD5;--ink:#1A1513;--ink-2:#4A3E39;--line:#B5A79B;
  --l1:#D4502B;--l2:#F0B429;--deep:#1A1513;--on-deep:#EDE1D6;--on-l1:#1A1513;--on-l2:#1A1513;--accent:#B9421F;--on-accent:#FFF3EA;
  --d-wdth:62%;--d-wght:900;--d-lh:.88;--shadow:.045em .045em 0 var(--l1)}
[data-theme=polvo] h1{font-size:clamp(3.4rem,13vw,9.5rem);letter-spacing:.005em;text-transform:none}
[data-theme=polvo] .hero__title{font-size:clamp(3.4rem,11vw,9rem)}
[data-theme=polvo] h2{font-size:clamp(2.2rem,6vw,3.8rem)}
[data-theme=polvo] .brand__name{font-stretch:75%;font-size:1.5rem}
[data-theme=polvo] .btn:hover{background:var(--ink);color:var(--l2)}
[data-theme=polvo] .tone-deep .btn,[data-theme=polvo] .tone-l1 .btn,[data-theme=polvo] .tone-l2 .btn{background:var(--ink);color:var(--paper)}

/* Fundación Indeleble: voz institucional, serif de texto también en títulos */
[data-theme=fundacion]{--paper:#EEE9E4;--paper-2:#E1D9D0;--surface:#F8F5F1;--ink:#1F1B24;--ink-2:#544D58;--line:#CEC5BC;
  --l1:#B0654E;--l2:#C9932A;--deep:#2A2130;--on-deep:#EFE6DD;--on-l1:#1F1B24;--on-l2:#1F1B24;--accent:#2A2130;--on-accent:#EFE6DD;
  --f-display:"Literata",Georgia,"Times New Roman",serif;--d-wdth:100%;--d-wght:700;--d-lh:1.05;--shadow:.03em .03em 0 var(--l2)}
[data-theme=fundacion] .brand__name,[data-theme=fundacion] .nav a,[data-theme=fundacion] .btn,[data-theme=fundacion] .foot__h,[data-theme=fundacion] .stats__n{font-family:"Anybody","Arial Black",system-ui,sans-serif}
[data-theme=fundacion] .stats__n{font-weight:850;font-stretch:112%}
[data-theme=fundacion] h1,[data-theme=fundacion] h2{letter-spacing:-.02em}
[data-theme=fundacion] .groove{background:linear-gradient(var(--ink) 0 2px,var(--paper-2) 2px 3px,var(--paper) 3px)}

/* Interviniendomuros: concreto, tinta negra y rojo de pinta; letras condensadas */
[data-theme=muros]{--paper:#DAD7D2;--paper-2:#CCC8C2;--surface:#EAE8E4;--ink:#121212;--ink-2:#45413D;--line:#B3AEA7;
  --l1:#D9381E;--l2:#F2C230;--deep:#121212;--on-deep:#EAE8E4;--on-l1:#FFF4EA;--on-l2:#121212;--accent:#121212;--on-accent:#F2C230;
  --d-wdth:68%;--d-wght:900;--d-lh:.9;--shadow:.04em .04em 0 var(--l1)}
[data-theme=muros] .hero__title{font-size:clamp(3.2rem,11vw,8.5rem)}
[data-theme=muros] h2{font-size:clamp(2.1rem,5.5vw,3.6rem)}
[data-theme=muros] .brand__name{font-stretch:75%;font-size:1.45rem}
[data-theme=muros] .btn:hover{background:var(--l1);color:var(--on-l1)}
[data-theme=muros] .tone-deep .btn,[data-theme=muros] .tone-l1 .btn{background:var(--paper);color:var(--ink)}
[data-theme=muros] .tone-l2 .btn{background:var(--ink);color:var(--l2)}