/* ============================
   TOKENS TORRELODONES (CLONABLE)
   - Cambias SOLO estos 2 colores para clonar
============================ */
html.vertical.torrelodones{
  --v-primary: #7b001c;   /* GRANATE Torrelodones */
  --v-accent: #f26b1d;
}

/* Ajuste fino hero (si quieres más carácter granate) */
html.vertical.torrelodones .hero-vertical-badge{
  background: var(--v-primary);
}

html.vertical.torrelodones .hero-vertical-precio{
  color: var(--v-primary);
}

/* Si quieres que el halo sea más “dorado” */
html.vertical.torrelodones .hero-vertical-halo{
  background: radial-gradient(circle at 60% 40%, rgba(242,107,29,0.40) 0%, rgba(242,107,29,0) 56%);
}
html.vertical.torrelodones .hero-vertical.hero-torrelodones .hero-vertical-left h1 span {
  color: var(--v-primary) !important;
}

html.vertical.torrelodones .hero-vertical.hero-torrelodones .hero-vertical-precio {
  color: var(--v-primary) !important;
}

html.vertical.torrelodones .hero-vertical.hero-torrelodones .hero-vertical-badge {
  color: var(--v-primary) !important;
  background: rgba(162,0,37,0.12) !important;
  border: 1px solid rgba(162,0,37,0.35) !important;
}
html.vertical.torrelodones {
  --v-accent: var(--v-primary);
}
/* =====================================================
   TORRELODONES HERO — FORZAR COLOR VERTICAL + ESCALA IMAGEN
   (pegar al FINAL de torrelodones3.css)
===================================================== */

html.vertical.torrelodones{
  --v-primary: #7b001c;  /* granate */
  --v-accent:  #7b001c;  /* en esta vertical quieres que el “accent” sea el granate */
}

/* 1) “Torrelodones” (span dentro del H1) al color de la vertical */
html.vertical.torrelodones #hero-torre.hero-torrelodones .hero-vertical-left h1 span{
  color: var(--v-primary) !important;
}

/* 2) Precio: número + texto al color de la vertical */
html.vertical.torrelodones #hero-torre.hero-torrelodones .hero-vertical-precio{
  color: var(--v-primary) !important;
}
html.vertical.torrelodones #hero-torre.hero-torrelodones .hero-vertical-precio span{
  color: var(--v-primary) !important;
}

/* 3) Badge: texto y borde en granate (no naranja) */
html.vertical.torrelodones #hero-torre.hero-torrelodones .hero-vertical-badge{
  color: var(--v-primary) !important;
  background: rgba(123, 0, 28, 0.10) !important;
  border: 1px solid rgba(123, 0, 28, 0.35) !important;
}

/* 4) Aumentar tamaño de la imagen (sin reventar el layout) */
html.vertical.torrelodones #hero-torre.hero-torrelodones .hero-vertical-right img{
  width: min(950px, 60vw) !important;
  max-width: none !important;
  height: auto !important;
  transform: translateX(-10px) scale(1.18) !important;
  transform-origin: center center;
}
html.vertical.torrelodones #hero-torre .hero-vertical-right{
  transform: translateX(40px);
}

/* 5) Halo amarillo más potente (no rojo), más grande y más “glow” */
html.vertical.torrelodones #hero-torre.hero-torrelodones .hero-vertical-halo{
  width: 900px !important;
  height: 900px !important;
  filter: blur(6px) saturate(1.15) !important;
  opacity: 1 !important;
  background: radial-gradient(
    circle at 55% 45%,
    rgba(255, 208, 64, 0.65) 0%,
    rgba(255, 208, 64, 0.35) 22%,
    rgba(255, 208, 64, 0.16) 42%,
    rgba(255, 208, 64, 0.00) 68%
  ) !important;
}
html.vertical.torrelodones .producto-card .producto-nombre{
  color: #0a4ea3 !important;   /* azul GeoBlueShield */
  font-weight: 800;
}
html.vertical.torrelodones .producto-card .producto-precio{
  color: var(--v-primary) !important;
  font-size: 30px;
  font-weight: 800;
}
html.vertical.torrelodones .producto-card .precio-vertical{
  margin-left: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #555;
}

html.vertical.torrelodones .producto-card .precio-antiguo{
  margin-left: 10px;
  font-size: 14px;
  text-decoration: line-through;
  color: #999;
}

html.vertical.torrelodones .producto-card .iva{
  margin-top: 6px;
  font-size: 14px;
  color: #666;
}
html.vertical.torrelodones .producto-card .btn-vertical{
  background: var(--v-primary) !important;
  color: #fff !important;
  font-weight: 700;
  border-radius: 10px;
}

html.vertical.torrelodones .producto-card .btn-vertical:hover{
  background: #5e0015 !important;
}
/* ==========================================
   SEGUNDA SECCIÓN — TÍTULO PRINCIPAL
========================================== */

html.vertical.torrelodones .bloque-autoridad.base-theme .autoridad-titulo{
  font-weight: 800;
  font-size: 40px;
  line-height: 1.2;
  color: var(--v-primary) !important;
}

html.vertical.torrelodones .bloque-autoridad.base-theme .autoridad-sub{
  color: var(--v-accent) !important;  /* naranja del theme */
  font-weight: 600;
  letter-spacing: 0.5px;
}
html.vertical.torrelodones .criterio-card .btn-funcione{
  background: var(--v-accent) !important;
  color: #fff !important;
}

html.vertical.torrelodones .criterio-card .btn-coste{
  background: var(--v-secondary) !important;
  color: #fff !important;
}
html.vertical.torrelodones .bloque-autoridad.base-theme .autoridad-titulo{
  font-family: 'Poppins', sans-serif;
  text-transform: none;
}

/* =========================
   HERO · AUMENTAR BALIZA
========================= */

html.vertical.torrelodones #hero-torre .hero-img{
  width: min(720px, 55vw);
  max-width: none;
  transform: scale(1.23);
  transform-origin: center;
}

/* ===============================
   ARGUMENTO GEO
================================= */

.geo-argumento-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
}

.geo-argumento-card {
  background: #ffffff;
  padding: 35px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.geo-argumento-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.geo-list,
.geo-riesgo ul,
.geo-solucion ul {
  list-style: none;
  padding-left: 0;
}

.geo-list li,
.geo-riesgo li,
.geo-solucion li {
  margin-bottom: 12px;
  line-height: 1.5;
}

.geo-intro {
  margin-bottom: 25px;
  font-weight: 500;
}

.geo-riesgos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin-bottom: 25px;
}

.geo-riesgo h4 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

.geo-solucion h4 {
  margin-bottom: 10px;
  font-weight: 600;
}

.geo-cierre {
  margin-top: 20px;
  font-size: 15px;
}

.geo-cierre.fuerte {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .geo-argumento-grid {
    grid-template-columns: 1fr;
  }

  .geo-riesgos-grid {
    grid-template-columns: 1fr;
  }
}
/* =====================================
   LOGO CENTRADO EDITORIAL
===================================== */

.elegido-logo-center {
  text-align: center;
  margin: 18px 0 8px;
}

.elegido-logo-center img {
  max-width: 180px;   /* antes era gigante */
  width: 100%;
  height: auto;
  opacity: 0.9;
  filter: grayscale(5%);
  transition: opacity 0.3s ease;
}

.elegido-logo-center img:hover {
  opacity: 1;
}
.white-panel{
  background:#ffffff;
  border-radius:20px;
  padding:40px 0;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
}

.decision-row-bills{
  display:flex;
  justify-content:space-around;
  align-items:center;
  margin-bottom:40px;
}

.decision-bill-box img{
  max-width:180px;
  transform:rotate(-8deg);
}