/* EventoNoble · hoja de estilos. Sistema: Marcas · Ecosistema Cartagena, EventoNoble 1.0 */
@font-face{font-family:'Archivo';src:url('/assets/fonts/Archivo-Variable.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Archivo Expanded';src:url('/assets/fonts/ArchivoExpanded-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-Regular.woff2') format('woff2');font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-Italic.woff2') format('woff2');font-style:italic;font-display:swap}

:root{
  --buganvilla:#8C2D5A; --honda:#6A1F43; --flor:#F2A7C3; --gala:#2A1220;
  --sol:#F2B441; --sol-h:#E39A1C; --espuma:#F2F1EC; --arena:#E4D8C4; --blanco:#FFFFFF;
  --tinta:#1C1814; --tinta-m:#554E44; --bruma:#5B7075; --linea:#DCD3C2; --rosa-claro:#E9DCE2;
  --f-tit:'Archivo Expanded','Archivo',Arial,sans-serif;
  --f-txt:'Archivo','Helvetica Neue',Arial,sans-serif;
  --f-serif:'Instrument Serif',Georgia,'Times New Roman',serif;
  --r-sm:8px; --r-md:16px; --r-lg:24px; --ancho:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--espuma);color:var(--tinta);font:400 17px/1.6 var(--f-txt);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--honda);text-underline-offset:3px}
a:hover{color:var(--buganvilla)}
:focus-visible{outline:3px solid var(--buganvilla);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--f-tit);font-weight:600;line-height:1.1;letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em}
h1{font-size:clamp(32px,4.6vw,56px)}
h2{font-size:clamp(24px,2.8vw,34px)}
h3{font-size:19px;line-height:1.25;letter-spacing:0}
p{margin:0 0 1em;max-width:70ch}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-9999px;top:8px;background:var(--sol);color:var(--tinta);padding:8px 14px;border-radius:999px;z-index:50}
.saltar:focus{left:12px}
.contenedor{max-width:var(--ancho);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.micro{font:600 12.5px/1.3 var(--f-txt);letter-spacing:.14em;text-transform:uppercase;color:var(--bruma);margin:0 0 14px}
.voz{font-family:var(--f-serif);font-style:italic;font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:var(--buganvilla);margin:0 0 18px}
.i{width:20px;height:20px;flex:none;vertical-align:-4px}
.i-xl{width:34px;height:34px;color:var(--buganvilla)}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:999px;background:var(--sol);color:var(--tinta);font:600 16px/1 var(--f-txt);text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:var(--sol-h);color:var(--tinta)}
.btn-sm{min-height:42px;padding:0 18px;font-size:15px;white-space:nowrap}
.btn-2{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;border:2px solid currentColor;color:var(--tinta);font:600 16px/1 var(--f-txt);text-decoration:none;background:transparent}
.btn-2:hover{background:var(--tinta);color:var(--espuma)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}

/* Cabecera */
.cab{position:sticky;top:0;z-index:30;background:rgba(242,241,236,.96);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--linea)}
.cab-in{display:flex;align-items:center;gap:22px;min-height:72px}
.cab-logo img{width:190px;height:auto}
.cab-nav{display:flex;gap:4px;flex-wrap:wrap}
.cab-nav a{padding:8px 11px;border-radius:999px;color:var(--tinta);text-decoration:none;font-size:15px;font-weight:500}
.cab-nav a:hover,.cab-nav a[aria-current]{background:var(--blanco);color:var(--buganvilla)}
.cab-acc{display:flex;align-items:center;gap:10px;margin-left:auto}
.cab-buscar{display:flex;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:999px;padding:3px 4px 3px 14px}
.cab-buscar input{border:0;background:transparent;font:400 15px var(--f-txt);width:120px;color:var(--tinta)}
.cab-buscar input:focus{outline:none}
.cab-buscar:focus-within{outline:3px solid var(--buganvilla);outline-offset:2px}
.cab-buscar button{border:0;background:transparent;color:var(--buganvilla);padding:6px 8px;cursor:pointer;display:grid;place-items:center}
.cab-idioma{font-weight:600;font-size:14px;color:var(--tinta);text-decoration:none;padding:8px 10px;border-radius:999px}
.cab-idioma:hover{background:var(--blanco)}
.cab-menu{display:none;position:relative}
.cab-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:999px;display:grid;place-content:center;gap:5px;background:var(--blanco);border:1px solid var(--linea)}
.cab-menu summary::-webkit-details-marker{display:none}
.cab-menu summary span{display:block;width:18px;height:2px;background:var(--tinta);border-radius:2px}
.cab-menu-panel{position:absolute;right:0;top:54px;width:min(88vw,340px);background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:16px;display:grid;gap:4px;box-shadow:0 12px 40px rgba(42,18,32,.15)}
.cab-menu-panel a{padding:10px 8px;color:var(--tinta);text-decoration:none;border-radius:8px;font-weight:500}
.cab-menu-panel a:hover{background:var(--espuma)}
.cab-menu-panel form{display:grid;gap:8px;margin-bottom:8px}
.cab-menu-panel input{min-height:46px;border:1px solid var(--linea);border-radius:12px;padding:0 12px;font:400 16px var(--f-txt)}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-band{background:var(--gala);color:var(--espuma)}
.hero-band h1{color:var(--espuma)}
.hero-band .lead{color:var(--rosa-claro)}
.hero-band .voz{color:var(--flor)}
.hero-band .micro{color:var(--flor)}
.hero-band .btn-2{color:var(--espuma)}
.hero-band .btn-2:hover{background:var(--espuma);color:var(--gala)}
.hero-band .migas a,.hero-band .migas li{color:var(--rosa-claro)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:end;padding-block:64px 72px}
.hero-plain .hero-in{grid-template-columns:minmax(0,1fr);padding-block:36px 0}
.hero-plain+.contenedor.cuerpo{padding-top:20px}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:62ch}
.hero-arte{position:relative;height:340px;display:flex;align-items:flex-end;justify-content:center;gap:22px;margin-bottom:-72px}
.hero-arte span{display:block;border-radius:999px 999px 0 0}
.hero-arte .puerta{width:150px;height:300px;background:var(--sol)}
.hero-arte .ventana{width:70px;height:170px;border:3px solid var(--honda);border-bottom:0;margin-bottom:60px}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px;font-size:14px}
.migas li{color:var(--bruma)}
.migas li+li::before{content:'/';margin-right:6px;opacity:.6}
.migas a{color:var(--tinta-m)}

/* Buscador */
.buscador{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;background:var(--blanco);border-radius:var(--r-lg);padding:14px;margin:26px 0 10px;color:var(--tinta);border:1px solid var(--linea)}
.buscador .btn{min-height:52px}
.b-campo{display:grid;gap:4px;min-width:0}
.b-campo label{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bruma)}
.b-campo input,.b-campo select{width:100%;min-height:52px;border:1px solid var(--linea);border-radius:12px;padding:0 14px;font:400 16px var(--f-txt);color:var(--tinta);background:var(--espuma)}
.b-campo input:focus,.b-campo select:focus{outline:3px solid var(--buganvilla);outline-offset:1px}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;margin:12px 0 0;max-width:none}
.chips span{color:var(--rosa-claro)}
.hero-plain .chips span{color:var(--bruma)}
.chips a{padding:6px 12px;border-radius:999px;border:1px solid rgba(242,241,236,.35);color:var(--espuma);text-decoration:none}
.chips a:hover{background:var(--espuma);color:var(--gala)}

/* Cuerpo y bloques */
.cuerpo{padding-block:40px 80px}
.bloque{padding-block:34px;border-top:1px solid var(--linea)}
.cuerpo>.bloque:first-child{border-top:0}
.intro{color:var(--tinta-m);font-size:18px}
.tarjetas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
.tarjetas.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tarjetas.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:22px;min-width:0}
.tarjeta h3{margin:12px 0 6px}
.tarjeta h3 a{color:var(--tinta);text-decoration:none}
.tarjeta h3 a:hover{color:var(--buganvilla);text-decoration:underline}
.tarjeta p{color:var(--tinta-m);font-size:15.5px;margin:0}
.lista{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:75ch}
.lista li{display:flex;gap:12px;align-items:flex-start}
.lista .i{color:var(--buganvilla);margin-top:4px}
.pasos{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;counter-reset:p}
.pasos li{display:flex;gap:14px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:20px;min-width:0}
.paso-n{flex:none;width:38px;height:44px;border-radius:19px 19px 0 0;background:var(--buganvilla);color:var(--espuma);display:grid;place-items:center;font:600 17px var(--f-tit)}
.pasos h3{margin:2px 0 6px}
.pasos p{margin:0;color:var(--tinta-m);font-size:15.5px}
.tabla{overflow-x:auto;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md)}
table{border-collapse:collapse;width:100%;font-size:15.5px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
thead th{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bruma);font-weight:600;background:var(--espuma)}
tbody th{font-weight:600}
tr:last-child th,tr:last-child td{border-bottom:0}
.nota{font-size:14.5px;color:var(--tinta-m);margin-top:12px}
.enlaces{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.enlaces a{display:flex;align-items:center;gap:14px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:16px 18px;text-decoration:none;color:var(--tinta);min-height:72px}
.enlaces a:hover{border-color:var(--buganvilla)}
.enlaces a>.i{color:var(--buganvilla)}
.enlaces span{display:grid;gap:2px;flex:1;min-width:0}
.enlaces small{color:var(--tinta-m);font-size:14px}
.i-fl{margin-left:auto;color:var(--bruma)!important}
.cats{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cats a{display:grid;gap:10px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:18px;text-decoration:none;color:var(--tinta);height:100%;position:relative}
.cats a:hover{border-color:var(--buganvilla)}
.cats b{font-size:15.5px;line-height:1.25}
.cats small{position:absolute;top:14px;right:14px;font-size:12.5px;color:var(--bruma)}
.cats-xl{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cats-xl small{position:static;color:var(--tinta-m);font-size:14px;line-height:1.4}
.cats-xl em{position:absolute;top:16px;right:16px;font-style:normal;font-size:13px;color:var(--bruma)}
.eco{background:var(--arena);border-radius:var(--r-md);padding:22px 24px}
.eco p:last-child{margin:0}
.banda{background:var(--gala);color:var(--rosa-claro);border-radius:var(--r-lg);padding:40px;position:relative;overflow:hidden}
.banda .voz{color:var(--flor);font-size:clamp(28px,3.4vw,42px)}
.banda p{max-width:56ch}
.banda .btn-2{color:var(--espuma)}
.banda .btn-2:hover{background:var(--espuma);color:var(--gala)}
.banda::after{content:'';position:absolute;right:48px;bottom:0;width:110px;height:200px;background:var(--sol);border-radius:55px 55px 0 0;opacity:.95}
.banda>*{position:relative;z-index:1;max-width:calc(100% - 170px)}
.b-faq .faq-item{border-top:1px solid var(--linea);padding:16px 0;max-width:80ch}
.b-faq .faq-item:first-of-type{border-top:0}
.b-faq h3{font-family:var(--f-txt);font-weight:700;font-size:17.5px;margin:0 0 6px}
.b-faq p{margin:0;color:var(--tinta-m)}
.fuentes{font-size:14.5px;padding-left:18px;color:var(--tinta-m)}

/* Fichas del catálogo */
.fichas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:12px 0 18px}
.ficha{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.ficha-img{display:block;aspect-ratio:4/3;background:var(--arena);position:relative;overflow:hidden}
.ficha-img img{width:100%;height:100%;object-fit:cover}
.ficha-arco{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:44%;height:78%;background:var(--espuma);border-radius:999px 999px 0 0;display:grid;place-items:center}
.ficha-arco .i{width:42px;height:42px;color:var(--buganvilla)}
.ficha-cuerpo{padding:16px 18px 18px;display:grid;gap:6px}
.ficha h3{margin:4px 0 0;font-size:18px}
.ficha h3 a{color:var(--tinta);text-decoration:none}
.ficha h3 a:hover{color:var(--buganvilla);text-decoration:underline}
.ficha-meta{font-size:14.5px;color:var(--tinta-m);margin:0}
.ficha-dato{font-size:14.5px;margin:0;display:flex;gap:8px;align-items:center}
.ficha-dato .i{width:18px;height:18px;color:var(--buganvilla)}
.sello{display:inline-flex;align-items:center;gap:6px;width:max-content;font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 10px;line-height:1}
.sello .i{width:14px;height:14px}
.sello-directorio{border:1px solid var(--linea);color:var(--tinta-m);background:var(--espuma)}
.sello-verificado{background:#1E7A46;color:#fff}
.sello-aliado{background:var(--buganvilla);color:var(--espuma)}
.conteo{color:var(--tinta-m);font-size:15px;margin:6px 0 0}
.filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:14px;margin:6px 0 10px}
.filtros .b-campo{min-width:200px;flex:1}
.cap-nav{font-size:15px;color:var(--tinta-m);max-width:none}
.cap-nav a[aria-current]{font-weight:700;color:var(--buganvilla)}
.vacio{background:var(--blanco);border:1px dashed var(--linea);border-radius:var(--r-md);padding:28px}

/* Ficha de detalle */
.ficha-detalle{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start;padding-bottom:20px}
.galeria{display:grid;gap:10px}
.galeria img{border-radius:var(--r-md);width:100%;aspect-ratio:4/3;object-fit:cover}
.galeria-vacia{aspect-ratio:4/3;background:var(--arena);border-radius:var(--r-md);position:relative;overflow:hidden}
.galeria-vacia .ficha-arco{width:36%}
.ficha-info{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-md);padding:22px}
.datos{margin:16px 0;display:grid;gap:0}
.datos div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--linea)}
.datos dt{color:var(--bruma);font-size:14px}
.datos dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.reclamar{font-size:14.5px;margin:12px 0 0}

/* Formularios */
.formulario{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r-lg);padding:26px;max-width:900px}
fieldset{border:0;padding:0;margin:0 0 22px}
legend{font:600 20px var(--f-tit);margin-bottom:12px}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-bottom:14px}
.campo{display:grid;gap:6px;min-width:0}
.campo label{font-size:14.5px;font-weight:600}
.campo input,.campo select,.campo textarea{width:100%;min-height:50px;border:1px solid var(--linea);border-radius:12px;padding:10px 14px;font:400 16px var(--f-txt);color:var(--tinta);background:var(--espuma)}
.campo textarea{min-height:120px;resize:vertical}
.campo small{color:var(--tinta-m);font-size:13.5px}
.campo-check{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;margin:8px 0 18px}
.campo-check input{width:22px;min-height:22px;height:22px;margin-top:2px;accent-color:var(--buganvilla)}
.campo-check label{font-weight:400;font-size:14.5px}
.campo-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alerta{background:#FBEAEA;border:1px solid #E7B6B6;color:#7A1F1F;border-radius:var(--r-md);padding:14px 18px;margin-bottom:16px}

/* Pie */
.pie{background:var(--gala);color:var(--rosa-claro);padding-top:56px}
.pie-in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:36px}
.pie-marca img{width:200px;margin-bottom:12px}
.pie .voz{color:var(--flor);font-size:26px}
.pie p{font-size:15px}
.pie-contacto{color:var(--espuma)}
.pie-contacto a,.pie-col a{color:var(--espuma);text-decoration:none}
.pie-contacto a:hover,.pie-col a:hover{text-decoration:underline;color:var(--flor)}
.pie-redes{color:var(--flor)}
.pie-col{display:grid;align-content:start;gap:8px;font-size:15px}
.pie-col h2{font:600 12.5px/1.3 var(--f-txt);letter-spacing:.14em;text-transform:uppercase;color:var(--flor);margin:0 0 6px}
.pie-legal{border-top:1px solid rgba(233,220,226,.18);padding-block:20px 90px;font-size:13.5px}
.pie-legal p{max-width:none;margin:0 0 6px}
.pie-legal a{color:var(--rosa-claro)}
.flotante{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:8px;background:var(--sol);color:var(--tinta);text-decoration:none;font-weight:600;padding:12px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(42,18,32,.25)}
.flotante:hover{background:var(--sol-h);color:var(--tinta)}

/* Responsive */
@media (max-width:1060px){
  .cab-nav{display:none}
  .cab-menu{display:block}
  .cab-buscar input{width:100px}
}
@media (max-width:1000px){
  .tarjetas,.tarjetas.c4,.fichas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero-in{grid-template-columns:minmax(0,1fr)}
  .hero-arte{display:none}
  .buscador{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .buscador .b-q{grid-column:1/-1}
  .buscador .btn{grid-column:1/-1}
  .ficha-detalle{grid-template-columns:minmax(0,1fr)}
  .pie-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pie-marca{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .cab-buscar,.cab-idioma{display:none}
  .cab-logo img{width:160px}
  .cab-acc .btn-sm{padding:0 14px;font-size:14px}
  .hero-in{padding-block:40px 44px}
  .campos{grid-template-columns:minmax(0,1fr)}
  .tarjetas,.tarjetas.c4,.tarjetas.c2,.fichas{grid-template-columns:minmax(0,1fr)}
  .buscador{grid-template-columns:minmax(0,1fr)}
  .banda{padding:28px 22px}
  .banda::after{display:none}
  .banda>*{max-width:none}
  .pie-in{grid-template-columns:minmax(0,1fr)}
  .datos div{grid-template-columns:minmax(0,1fr);gap:2px}
  .flotante span{display:none}
  .flotante{padding:14px}
}
@media (max-width:420px){.cab-acc .btn-sm{display:none}}