/*
Theme Name: Bogotá Despierta Participantes v3
Description: Plantillas de ficha y puntos participantes para el tema Bogotá Despierta.
Version: 1.1.5
Template: bogota-despierta
Text Domain: bogota-despierta-participantes
*/
:root{--deep:#210035;--purple:#210035;--lav:#f3eef7;--ink:#17101e;--rose:#dcff00;--pink:#dcff00;--violet:#13e5e5;--amber:#007f83;--cyan:#13e5e5;--bd-season-lime:#dcff00;--bd-season-cyan:#13e5e5;--bd-season-purple:#210035;--bd-season-black:#08080b}
body.bd-season-black-friday{--deep:#210035;--purple:#210035;--lav:#f3eef7;--ink:#17101e;--rose:#dcff00;--pink:#dcff00;--violet:#13e5e5;--amber:#007f83;--cyan:#13e5e5}
body.bd-season-black-friday.night-mode{--deep:#160022;--purple:#dcff00;--lav:#241b2b;--ink:#f6f4f7;--rose:#dcff00;--pink:#dcff00;--violet:#13e5e5;--amber:#13e5e5;--cyan:#13e5e5}
body.bd-season-black-friday .button,body.bd-season-black-friday .view-brand{border-color:#dcff00;background:#dcff00;color:#08080b;box-shadow:0 5px 18px #dcff0038}
body.bd-season-black-friday .button:hover,body.bd-season-black-friday .view-brand:hover{border-color:#13e5e5;background:#13e5e5;color:#08080b}
body.bd-season-black-friday .popular-chip:hover,body.bd-season-black-friday .popular-chip.active,body.bd-season-black-friday .view-button.active{border-color:#dcff00;background:#dcff00;color:#08080b;box-shadow:0 5px 18px #dcff0038}
body.bd-season-black-friday .hero{background:radial-gradient(ellipse at 85% 15%,#13e5e52b,transparent 27%),radial-gradient(ellipse at 4% 90%,#dcff0024,transparent 32%),linear-gradient(135deg,#f8f5fa 0%,#fff 100%)}
body.bd-season-black-friday .hero h1 span{background:linear-gradient(90deg,#13e5e5 0%,#206b8e 35%,#210035 52%,#146b8f 72%,#13e5e5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
body.bd-season-black-friday.night-mode .hero h1 span{background:linear-gradient(90deg,#13e5e5 0%,#37e98c 27%,#dcff00 52%,#5bea76 76%,#13e5e5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
body.bd-season-black-friday .season{border-color:#210035;background:#210035;color:#fff}.bd-season-black-friday .season span:last-child{color:#dcff00}
body.bd-season-black-friday .filter-panel{border-color:#d4bfdc}
body.bd-season-black-friday .eyebrow,body.bd-season-black-friday .card-type,body.bd-season-black-friday .modal-type{color:#210035}
body.bd-season-black-friday .count{border-color:#dcff00;background:#210035;color:#dcff00}
body.bd-season-black-friday .card:hover{border-color:#dcff00;box-shadow:0 10px 26px #21003524}
body.bd-season-black-friday .kind-badge{border-color:#210035;background:#210035;color:#dcff00}
body.bd-season-black-friday .offer-badge{border:1px solid #dcff00;background:#210035;color:#dcff00;box-shadow:none}
body.bd-season-black-friday .location-line span{color:#007f83}body.bd-season-black-friday .schedule{color:#007f83}
body.bd-season-black-friday .participate{border-color:#13e5e566;background:linear-gradient(120deg,#2100350c,#13e5e51c,#dcff0012)}
body.bd-season-black-friday .participate-copy>span{color:#007f83}
body.bd-season-black-friday .footer{background:#210035;border-color:#47225d}
body.bd-season-black-friday.night-mode .hero{background:radial-gradient(ellipse at 80% 15%,#13e5e533,transparent 28%),radial-gradient(ellipse at 8% 90%,#dcff0022,transparent 33%),linear-gradient(135deg,#100018,#08080b)}
body.bd-season-black-friday.night-mode .view-button.active,body.bd-season-black-friday.night-mode .popular-chip:hover,body.bd-season-black-friday.night-mode .popular-chip.active{background:#dcff00;color:#08080b;border-color:#dcff00}
body.bd-season-black-friday.night-mode .kind-badge,body.bd-season-black-friday.night-mode .offer-badge{background:#210035;color:#dcff00;border-color:#dcff00}
body.bd-season-black-friday.night-mode .location-line span,body.bd-season-black-friday.night-mode .schedule{color:#13e5e5}
body.bd-season-black-friday.night-mode .participate{background:linear-gradient(120deg,#210035,#15121b 58%,#102224);border-color:#13e5e566}
body.bd-season-black-friday.night-mode .footer{background:#08080b;border-color:#210035}
/* Barra superior en modo oscuro, con contraste de la paleta de jornada. */
body.night-mode .topbar{background:#1ff1f2;color:#1e0633;border-color:#1ff1f2}
/* El icono de búsqueda comparte el mismo tamaño visual de los SVG de filtros. */
.bd-filter-form .control .bd-search-icon{display:block;width:17px;height:17px;overflow:visible;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* Banner de jornada administrable desde Apariencia > Personalizar. */
.hero.has-custom-banner,body.bd-season-black-friday .hero.has-custom-banner{padding:0 0 24px;background:linear-gradient(180deg,transparent 0%,var(--bg,#fbfaf8) 100%)}
.bd-home-banner-wrap{position:relative;width:100%;margin:0 auto;overflow:hidden;line-height:0}
.bd-home-banner-wrap:after{position:absolute;right:0;bottom:-1px;left:0;height:clamp(45px,6vw,90px);background:linear-gradient(180deg,transparent 0%,var(--bg,#fbfaf8) 100%);content:"";pointer-events:none}
.bd-home-banner{display:block;width:100%;height:auto;margin:0;object-fit:contain}
.bd-home-banner--dark{display:none}
body.night-mode .bd-home-banner--light{display:none}
body.night-mode .bd-home-banner--dark{display:block}
.hero.has-custom-banner .bd-home-banner-content{position:relative;z-index:1;margin:-44px auto 24px;padding:14px 18px 0}
@media(max-width:700px){.bd-home-banner-wrap:after{height:clamp(32px,9vw,58px)}.hero.has-custom-banner .bd-home-banner-content{margin:-22px auto 19px;padding:10px 8px 0}}

/* Mantiene alineada la localidad con el campo de dirección en el formulario. */
.bd-registration .bd-form-field input:not([type=range]),.bd-registration .bd-form-field select{box-sizing:border-box;height:45px;min-height:45px}

/* Mantiene la cabecera sticky debajo de la barra de administración de WordPress. */
body.admin-bar .header{top:32px}
@media screen and (max-width:782px){body.admin-bar .header{top:46px}}

/* Preguntas frecuentes y contacto, integrados debajo del directorio. */
.bd-help-section{padding:54px 0 58px;background:linear-gradient(180deg,transparent,#f3edf71a)}
.bd-faq-heading{max-width:720px;margin:0 auto 27px;text-align:center}
.bd-help-eyebrow{display:inline-block;color:#5e2675;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.bd-faq-heading h2,.bd-contact-copy h2{margin:8px 0 9px;color:var(--ink);font-size:clamp(27px,3.5vw,38px);line-height:1.1;letter-spacing:-.045em}
.bd-faq-heading p,.bd-contact-copy>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.bd-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.bd-faq-group{padding:19px 21px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.bd-faq-group h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--ink);font-size:15px}
.bd-faq-group h3 span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f2eafa;color:#4b155f;font-size:16px}
.bd-faq-item{border-top:1px solid var(--line)}
.bd-faq-item summary{position:relative;padding:13px 27px 13px 0;color:var(--ink);font-size:12px;font-weight:850;line-height:1.5;cursor:pointer;list-style:none}
.bd-faq-item summary::-webkit-details-marker{display:none}
.bd-faq-item summary:after{position:absolute;right:2px;top:10px;content:"+";color:#641d83;font-size:19px;font-weight:600}
.bd-faq-item[open] summary:after{content:"−"}
.bd-faq-item p{margin:-2px 0 13px;color:var(--muted);font-size:11px;line-height:1.65}
.bd-contact-section{padding:0 0 66px}
.bd-contact-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:clamp(24px,4vw,42px);border:1px solid #d8c6e4;border-radius:24px;background:linear-gradient(125deg,#fff 0%,#fff 58%,#effafa 100%);box-shadow:var(--shadow)}
.bd-contact-copy,.bd-contact-options{position:relative;z-index:1}
.bd-contact-copy h2{max-width:510px}
.bd-contact-copy>p{max-width:520px;font-size:13px}
.bd-contact-email{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px;color:#4c1766;font-size:12px;font-weight:850}
.bd-contact-options{display:grid;gap:10px}
.bd-contact-option{display:grid;grid-template-columns:42px minmax(0,1fr) 17px;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:transform .18s,border-color .18s}
.bd-contact-option:hover{transform:translateY(-2px);border-color:#b49ac3}
.bd-contact-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f2eafa;color:#4b155f;font-size:18px;font-weight:900}
.bd-contact-option strong,.bd-contact-option small{display:block}
.bd-contact-option strong{color:var(--ink);font-size:12px}
.bd-contact-option small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}
.bd-contact-arrow{color:#641d83;font-size:16px;font-weight:900}
body.bd-season-black-friday .bd-contact-option#participa .bd-contact-icon{background:#210035;color:#ddf900}
body.night-mode .bd-help-section{background:linear-gradient(180deg,transparent,#21003512)}
body.night-mode .bd-help-eyebrow,body.night-mode .bd-contact-email{color:#13e5e5}
body.night-mode .bd-faq-group,body.night-mode .bd-contact-option{border-color:#34313d;background:#111219;box-shadow:none}
body.night-mode .bd-faq-group h3 span,body.night-mode .bd-contact-icon{background:#210035;color:#13e5e5}
body.night-mode .bd-faq-item summary:after,body.night-mode .bd-contact-arrow{color:#13e5e5}
body.night-mode .bd-contact-panel{border-color:#3e3150;background:linear-gradient(125deg,#12121a 0%,#12121a 58%,#101e22 100%);box-shadow:0 18px 48px #0005}
body.night-mode .bd-contact-option:hover{border-color:#13e5e5}
@media(max-width:760px){.bd-help-section{padding:38px 0 42px}.bd-faq-grid{grid-template-columns:1fr}.bd-contact-section{padding-bottom:48px}.bd-contact-panel{grid-template-columns:1fr;gap:21px;border-radius:20px}.bd-contact-copy h2{font-size:31px}}
@media(max-width:480px){.bd-faq-group{padding:16px}.bd-contact-panel{padding:20px 16px}.bd-contact-option{grid-template-columns:38px minmax(0,1fr) 15px;gap:9px;padding:11px}.bd-contact-icon{width:36px;height:36px}}
.bd-help-section,.bd-contact-section{scroll-margin-top:96px}
.bd-faq-heading p{font-size:15px}
.bd-faq-group h3{font-size:16px}
.bd-faq-item summary{font-size:14px}
.bd-faq-item p{font-size:13px}
.bd-contact-copy>p{font-size:15px}
.bd-contact-email{font-size:13px}
.bd-contact-option strong{font-size:14px}
.bd-contact-option small{font-size:12px}


/* Menú principal con accesos visibles y control de tema solo con icono. */
.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);margin-left:auto;margin-right:clamp(8px,2vw,26px)}
.primary-nav a{color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap;transition:color .15s ease}
.primary-nav a:hover,.primary-nav a:focus-visible{color:#007f83}
body.night-mode .primary-nav a{color:#f6f4f7}
body.night-mode .primary-nav a:hover,body.night-mode .primary-nav a:focus-visible{color:#13e5e5}
.theme-toggle{width:42px;height:42px;min-width:42px;justify-content:center;padding:0;border-radius:50%;font-size:0;gap:0}
.theme-toggle-icon{font-size:20px}
.theme-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Interruptor compacto inspirado en la referencia: el deslizador señala el modo activo. */
.theme-toggle{position:relative;width:88px;height:40px;min-width:88px;padding:0;border:1px solid #d3d0d4;border-radius:999px;background:#e9e9eb;color:#151515;box-shadow:inset 0 2px 5px #00000018;transition:background .2s ease,border-color .2s ease}
.theme-toggle:before{content:"☼";position:absolute;left:13px;top:50%;transform:translateY(-53%);font-size:22px;line-height:1;color:#171717}
.theme-toggle:after{content:"";position:absolute;top:3px;right:3px;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#444,#161616);box-shadow:0 2px 5px #0005;transition:transform .22s ease,background .22s ease}
.theme-toggle .theme-toggle-icon{display:none}
body.night-mode .theme-toggle{border-color:#191919;background:#252527;box-shadow:inset 0 2px 5px #0008}
body.night-mode .theme-toggle:before{content:"☾";left:auto;right:13px;color:#fff;font-size:21px}
body.night-mode .theme-toggle:after{right:auto;left:3px;background:linear-gradient(145deg,#fff,#d9d9dc);box-shadow:0 2px 6px #0009}
@media(max-width:760px){
  .nav{height:auto;min-height:62px;flex-wrap:wrap;row-gap:0;padding-top:8px}
  .nav>.brand{order:1}
  .nav-actions{order:2;margin-left:auto}
  .primary-nav{order:3;width:100%;margin:0;padding:4px 0 10px;gap:24px}
  .primary-nav a{font-size:11px}
}
@media(max-width:380px){.primary-nav{gap:17px}.primary-nav a{font-size:10px}.theme-toggle{width:76px;height:36px;min-width:76px}.theme-toggle:after{width:28px;height:28px}.theme-toggle:before{font-size:19px;left:11px}body.night-mode .theme-toggle:before{right:11px}}