:root{
        --brand:#0e6ba8;      /* azul principal */
        --brand-2:#35baf6;    /* azul claro botonera */
        --cta:#ff6b35;        /* naranja CTA */
        --dark:#0b2e4e;       /* azul oscuro footer */
      }
      body{margin:0;background:#000;font-family:'Oswald',sans-serif}
      .navbar{background:var(--brand)}
      .year-badges .btn{min-width:82px}
      .hero{
        background:linear-gradient(180deg, rgba(11,46,78,.95) 0%, rgba(11,46,78,.7) 100%), url('https://images.unsplash.com/photo-1517649763962-0c623066013b?q=80&w=2060&auto=format&fit=crop');
        background-size:cover; background-position:center; color:#fff;
      }
      .hero .lead{letter-spacing:.05em}
      .ribbon{
  color:#fff; font-weight:700; letter-spacing:.03em;
      }

      .cta-btn{background:var(--cta); border-color:var(--cta)}
      .cta-btn:hover{filter:brightness(.95)}
      .quick-links .btn{background:#0f7fbf; border:none; font-weight:700}
      .quick-links .btn:hover{filter:brightness(.95)}
      .social-bar{position:fixed; right:0px; top:40vh;   border-radius: 10px 0px 0px 10px; background-color:#fff; padding:10px; z-index:1055}
	  .social-bar{

	  }
      .social-bar a{display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin:.25rem 0; border-radius:50%; background:#fff; color:#0b2e4e; border:1px solid #e5e7eb}
      .social-bar a:hover{background:#e6f4ff}
      footer{background:var(--dark); color:#dbe7f3}
      footer .brand{filter:brightness(2)}
	  
	  .bi-whatsapp{color:#41a144;}  
	  .bi-instagram{color:#d4429a;} 
	  .bi-facebook{color:#1951ff;}

:root{
--brand:#D1464E;
--cta:#D1464E;
--dark:#0b2e4e;
}
body{background:#f8fbff}
.navbar{background:var(--brand)}
.hero-video{position:relative; overflow:hidden; height:70vh; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center;}
.hero-video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; filter:brightness(60%);}
.hero-content{position:relative; z-index:2;}
.hero-content h1{font-weight:800; text-transform:uppercase;  font-size: clamp(32px, 6vw, 72px); margin-top: 80%;}
.hero-content p{font-size:1.25rem;}
.btn-cta{background-color:#000000; border:none; font-weight:700; padding:.75rem 2rem; color:#ffffff;}
.btn-cta:hover{filter:brightness(.95);background-color:#413f3f;}
footer{background:var(--brand); color:#dbe7f3;}


.MS-ICNICA-DEL-ECUADOR {
  width: 693.8px;
  height: 47.4px;
  flex-grow: 0;
  margin: 3px 0 22.4px;
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #d1464e;
}

.Rectangle-142 {


  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);

  
}

/* Paleta morada para esta franja */
:root{
  --q15k-purple: #7c3aed;     /* morado principal */
  --q15k-purple-200:#c4b5fd;  /* claro para detalles */
  --q15k-ink:#3b3663;         /* texto principal */
}

.info-strip{
  background: #f7f7ff; /* muy claro, casi blanco con tinte morado */
  border-top: 4px solid #ed3a6f;
    border-bottom: 4px solid #ed3a6f;
}

.feature-box{
  padding: 20px 1rem;
  background: #ffffff;
  border-radius: 16px;

  transition: transform .18s ease, box-shadow .18s ease;
  min-height: 100%;
}
.feature-box:hover{
  transform: translateY(-4px);
 background-color:#d1464e;
}

.feature-icon{
  width: 72px; height: 72px;
  margin-bottom: .75rem;
  border-radius: 18px; /* por si pones PNG cuadrado, queda “chip” */
  outline: 6px solid #f1edff; /* halo suave */
   /* background: radial-gradient(circle at 30% 30%, #ed3a7e 0%, #8bc4fa 70%);*/
  object-fit: cover;
}

.feature-title{
  margin: .25rem 0 .25rem;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: .06em;
  color: #000000;
  text-transform: uppercase;
}

.feature-line-1{
  margin: 0;
  font-weight: 700;
  color: var(--q15k-ink);
  letter-spacing: .02em;
}

.feature-line-2{
  margin: .15rem 0 0;
  color: #6b7280; /* gris suave */
  font-size: .95rem;
}

/* Ajustes responsivos para títulos */
@media (min-width: 992px){
  .feature-title{ font-size: 1.1rem; }
}



/* === Countdown estilo “placa” oscura con tipografía grande === */
.countdown-strip{
  position: relative;
  padding: 56px 0 48px;
  color: #fff;
  background-color:#d1464e;
}

/* Cabecera con línea superior */
.cd-head{
  margin: 0 auto 18px;
  max-width: 820px;
  position: relative;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cd-head::before{
  content:"";
  position:absolute;
  left:0; right:0; top:50%;
  transform: translateY(-50%);
  height:1px; background:rgba(255,255,255,.5);
}
.cd-head > span{
  position: relative;
  padding: 0 14px;
  background: transparent;
}

/* Números grandes con separadores */
.cd-numbers{
  display:flex; align-items:center; justify-content:center;
  gap: 18px;
}
.cd-value{
  display:inline-block;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02em;
  /* tamaño grande + responsivo */
  font-size: clamp(44px, 8vw, 78px);
}
.cd-sep{
  display:inline-block;
  font-weight: 900;
  opacity:.85;
  transform: translateY(-6%);
  font-size: clamp(32px, 6vw, 72px);
}

/* Cajas inferiores de etiquetas (negras) */
.cd-labels{
  margin: 16px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  max-width: 680px;
}
.cd-label{
  background: #000;
  color:#fff;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
    padding: 4px 8px;
    margin-top: 20px;
  text-align:center;
  font-size: .9rem;
  border-radius: 2px;
}

/* Ajustes móviles */
@media (max-width: 767.98px){
	body

 {
    padding-top: 60px !important;
}
	.logo{     height: 40px;}
  .cd-numbers{ gap: 10px; }
  .cd-labels{ display:none; } /* igual que la referencia: oculta en mobile */
}

#pane-21k ul, #pane-mini5k ul { padding-left: 1.2rem; }
#pane-21k li, #pane-mini5k li { margin-bottom: .25rem; line-height: 1.4; }
 
 
 /* === Navbar shrink al hacer scroll === */
#mainNavbar {
  transition: padding .2s ease, background-color .2s ease, box-shadow .2s ease;
}

#mainNavbar .navbar-brand img,dw {
  transition: height .2s ease, transform .2s ease;
}

/* Estado “encogido” */
#mainNavbar.navbar-shrink {
  padding-top: .35rem;
  padding-bottom: .35rem;
  background-color:#8d3035;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}

#mainNavbar.navbar-shrink .navbar-brand img {
  height: 55px;          /* baja desde 75px */
  transform: translateY(-1px);
}

 
 body {
  padding-top: 100px;
}

@media (max-width: 991px){
  body { padding-top: 120px; } /* navbar móvil más alta */
}

/* Dropdown de navbar con estilo */
.navbar .dropdown-menu{
  border-radius: 0.75rem;
  border: none;
  padding-top: .5rem;
  padding-bottom: .5rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
  font-family: 'Oswald', sans-serif;
}

.navbar .dropdown-header{
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6b7280;
  font-weight: 700;
}

.navbar .dropdown-item{
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .8rem;
}

.navbar .dropdown-item:hover{
  background-color: var(--brand);
  color:#fff;
}


/* ===== Footer Racevents ===== */
.footer-rv{
  background:#d1464e;     
  color:#ffffff;
  font-size:.9rem;
  padding:12px 0;
}

.footer-rv .organiza-label{
  font-weight:600;
  margin-right:8px;
}

.footer-rv .logo-rv{
  max-height:32px;
}

.footer-rv i{
  font-size:1rem;
  margin-right:6px;
  vertical-align:middle;
}

.footer-rv .footer-contact-item{
  white-space:nowrap;
}

.footer-rv .footer-copy{
  font-size:.9rem;
  white-space:nowrap;
}

/* centrado en móvil, alineado como el diseño en escritorio */
@media (max-width: 991.98px){
  .footer-rv{
    text-align:center;
  }
}


.nomargin{
	padding-right:0px !important;
		padding-left:0px !important;
}
.fondo-rojo{
	background-color:#d1464e;
	color:#ffffff;
	padding-top:10px;
		padding-bottom:10px;
}

/* Botón destacado INSCRIPCIONES en navbar */
.btn-nav-cta{

  color:#ffffff;
  font-weight:700;
  padding:.4rem 1.6rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.8rem;
  border:2px solid #ffffff;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}

.btn-nav-cta:hover{
  background:#413f3f;
  color:#ffffff;
}


  .hero-mmb{
    background:linear-gradient(90deg,#8c35ff,#ff008a);
    color:#fff;
    text-align:center;
    padding:2.5rem 1rem 1.5rem;
  }
  .hero-mmb h1{
    font-weight:800;
    letter-spacing:.12em;
    font-size:2.2rem;
    text-transform:uppercase;
    margin-bottom:.5rem;
  }
  .hero-mmb h2{
    font-size:1.4rem;
    font-weight:700;
  }
  .card-inscripcion{
    max-width:920px;
    margin:0rem auto 3rem;
    background:#8182820f;
    border-radius:4px;
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    padding:2rem 1.5rem 2.5rem;
    border:1px solid rgba(255,255,255,.6);
	position: relative;
  }
  .card-inscripcion h3{
    text-align:center;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:1.25rem;
  }
  .atencion{
    text-align:center;
    font-size:.8rem;
    color:#ff0040;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:.35rem;
  }
  .atencion-desc{
    text-align:center;
    font-size:.8rem;
    margin-bottom:1.25rem;
  }
  .field-label{
    font-size:.8rem;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:.2rem;
  }
  .radio-distancia label{
    margin:0 .75rem;
    font-weight:600;
    text-transform:uppercase;
    font-size:.9rem;
  }
  .section-title{
    font-size:.8rem;
    text-transform:uppercase;
    font-weight:700;
    text-align:center;
    margin:1.75rem 0 .75rem;
  }
  .camiseta-box{
    border:1px solid rgba(0,0,0,.1);
    background:rgba(255,255,255,.65);
    padding:1.25rem;
  }
  .camiseta-box img{
    max-width:110px;
    display:block;
    margin:0 auto .5rem;
  }
  
.navbar {
    background: #d1464e !important;
}


/* ============================
   AJAX FULLSCREEN SPINNER
   ============================ */

.ajax-spinner-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 100, 100, 0.35); /* gris semitransparente */
    backdrop-filter: blur(2px);
    z-index: 9999;
    
    /* Centrado FLEX */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Spinner */
.ajax-spinner {
    width: 55px;
    height: 55px;
    border: 6px solid #e0e0e0; /* gris claro */
    border-top-color: #6c6c6c; /* gris más oscuro */
    border-radius: 50%;
    animation: ajax-spin 0.8s linear infinite;
}

@keyframes ajax-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.guia-talla {
    cursor: pointer; /* la manito */
    margin-bottom: 10px;
}

.guia-link {
    color: #0e6ba8;
    font-weight: 700;
    text-decoration: underline;
}

.guia-link:hover {
    color: #084a75;
    text-decoration: none;
}



.btn-p2p{
     background-color: #f36e21 !important;
         color: #ffffff !important;
    font-weight: 600 !important;
}
.btn-deuna{
     background-color: #562d82 !important;
         color: #ffffff !important;
    font-weight: 600 !important;
}

.bgv {
  background-image: url("https://racevents.com.ec/img/backgroud.png");
    background-repeat: no-repeat;
      background-size: 88%;
    background-position: right;
}