/* =========================
   LANDING BOGOTANITOS
   CSS MAESTRO
========================= */

/* =========================
   FUENTES
========================= */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&display=swap');
@font-face {
  font-family: 'Aleo';
  src: url('/themes/custom/bogotanitos/fonts/Aleo-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow';
  src: url('/themes/custom/bogotanitos/fonts/Barlow-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root{
  --font-corsair: "Patrick Hand SC", sans-serif;
  --font-aleo: "Aleo", serif;
  --font-barlow: "Barlow", sans-serif;
}
.page-node-15889  .field--name-node-title {
	display:none;
}
/* =========================
   ASIGNACIÓN TIPOGRÁFICA
========================= */

/* Corsair PE: títulos expresivos, botones y llamados */
.bloque-4-derecha,
.bloque-4-texto p{
  font-family: var(--font-aleo);
  font-weight: 600;
}
.bloque-4-subtitulo{
	font-family: var(--font-barlow);
}
.bloque-cabezote-titulo,
.bloque-2-descarga,
.bloque-2-plan,
.bloque-3-titulo,
.bloque-3-boton,
.bloque-5-titulo,
.bloque-8-boton,
.bloque-8-titulo,
.bloque-9-titulo,
.bloque-10-titulo,
.bloque-12-titulo {
  font-family: var(--font-corsair);
  font-weight: 400;
}
.bloque-6-bogotanitos, .bloque-6-texto-verde {
	font-family: var(--font-corsair);
}
/* Aleo Regular: textos corridos y contenido editorial */
.bloque-2-titulo,
.bloque-3-texto p,
.bloque-4-texto p,
.bloque-7-texto p,
.bloque-8-texto p,
.bloque-10-texto p,
.bloque-11-intro p,
.bloque-11-nota p,
.bloque-11-formulario input[type="text"],
.bloque-11-formulario input[type="email"],
.bloque-11-formulario input[type="number"],
.bloque-11-formulario input[type="tel"],
.bloque-11-formulario input[type="search"],
.bloque-11-formulario input[type="url"],
.bloque-11-formulario textarea,
.bloque-11-formulario select,
.bloque-12-texto-rosa p{
  font-family: var(--font-aleo);
  font-weight: 400;
}

/* Barlow Black: remates fuertes y labels contundentes */
.bloque-5-todos,
.bloque-6-remate-texto,
.bloque-10-remate,
.bloque-11-formulario label,
.bloque-12-texto-negro{
  font-family: var(--font-barlow);
  font-weight: 900;
}

/* Reset básico del bloque */
.bogotanitos-landing section {
  width: 100%;
}

/* =========================
   BLOQUE 1 - CABEZOTE
========================= */


.bloque-cabezote-bogotanitos {
  position: relative;
  width: 100%;
  min-height: 480px;
  background-image: url('/sites/default/files/2026-04/cabezote_bogotanitos.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  overflow: hidden;
}

.bloque-cabezote-bogotanitos .container-fluid,
.bloque-cabezote-bogotanitos .row,
.bloque-cabezote-bogotanitos .col-12 {
  min-height: auto;
}

.bloque-cabezote-contenido {
  width: 100%;
  text-align: right;
  padding-right: 6%;
  padding-left: 1rem;
  padding-top: 7%;
}

.bloque-cabezote-titulo {
  margin: 0;
  font-size: 5.4rem;
  line-height: 1;
  font-weight: 800;
  color: #234a34;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


/* =========================
   BLOQUE 2 - ILUSTRACIÓN + TEXTO
========================= */
.bloque-2-bogotanitos{
  background:#e6e6e6;
  overflow:hidden;
}

.bloque-2-bogotanitos .row{
  min-height:370px;
}

.bloque-2-imagen{
  height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:0 0 0 1.5rem;
}

.bloque-2-imagen img{
  display:block;
  width:100%;
  max-width:900px;
  height:auto;
}

.bloque-2-contenido{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2.2rem 2.5rem 2rem 1.5rem;
}

.bloque-2-titulo{
  margin:0;
  max-width:860px;
  color:#333333;
  font-size:3.15rem;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-0.02em;
}

.bloque-2-titulo span{
  color:#f15f6b;
}

.bloque-2-cta{
  margin-top:2.2rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.85rem;
  width:100%;
}

.bloque-2-descarga{
  display:inline-block;
  text-decoration:none;
  color:#48d0af;
  font-size:2.05rem;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
}

.bloque-2-descarga:hover{
  color:#48d0af;
}

.bloque-2-plan{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:820px;
  min-height:84px;
  padding:0.9rem 2.4rem;
  border-radius:999px;
  background:#4fd0b4;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  font-size:2.2rem;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}

.bloque-2-plan:hover{
  color:#ffffff;
  background:#4fd0b4;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-2-titulo{
    font-size:1.5rem;
  }

  .bloque-2-descarga{
    font-size:1.85rem;
  }

  .bloque-2-plan{
    min-width:700px;
    font-size:1.95rem;
    min-height:74px;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-2-bogotanitos .row{
    min-height:320px;
  }

  .bloque-2-contenido{
    padding:1.8rem 2rem 1.8rem 1rem;
  }

  .bloque-2-titulo{
    font-size:2.2rem;
  }

  .bloque-2-descarga{
    font-size:1.5rem;
  }

  .bloque-2-plan{
    min-width:560px;
    min-height:64px;
    font-size:1.55rem;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-2-bogotanitos .row{
    min-height:auto;
  }

  .bloque-2-imagen{
    justify-content:center;
    padding:1.2rem 1rem 0 1rem;
  }

  .bloque-2-imagen img{
    max-width:620px;
  }

  .bloque-2-contenido{
    padding:1.2rem 1.25rem 1.8rem 1.25rem;
  }

  .bloque-2-titulo{
    font-size:1.8rem;
    max-width:100%;
  }

  .bloque-2-cta{
    margin-top:1.5rem;
  }

  .bloque-2-descarga{
    font-size:1.25rem;
  }

  .bloque-2-plan{
    min-width:100%;
    width:100%;
    max-width:620px;
    min-height:58px;
    font-size:1.25rem;
    white-space:normal;
    line-height:1.1;
    padding:0.85rem 1.4rem;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-2-imagen{
    padding:0.8rem 0.75rem 0 0.75rem;
  }

  .bloque-2-contenido{
    padding:1rem 0.9rem 1.4rem 0.9rem;
  }

  .bloque-2-titulo{
    font-size:1.28rem;
    line-height:1.14;
  }

  .bloque-2-descarga{
    font-size:1rem;
  }

  .bloque-2-plan{
    font-size:1rem;
    min-height:50px;
    padding:0.75rem 1rem;
  }
}

/* Bloque 3*/
/* =========================
   BLOQUE 3
========================= */
.bloque-3-bogotanitos{
  background:#e9e9e9;
  overflow:hidden;
}

.bloque-3-row{
  position:relative;
}

.bloque-3-row::before{
  content:"";
  position:absolute;
  top:48px;
  bottom:48px;
  left:50%;
  width:2px;
  background:#cfcfcf;
  transform:translateX(-50%);
}

.bloque-3-col{
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:56px 48px 60px;
}

.bloque-3-titulo{
  margin:0 0 34px;
  color:#f05a68;
  font-size:3.1rem;
  line-height:1.05;
  font-weight:700;
  text-transform:uppercase;
  max-width:760px;
}

.bloque-3-texto{
  max-width:760px;
}

.bloque-3-texto p{
  margin:0;
  color:#222;
  font-size:1.55rem;
  line-height:1.23;
  font-weight:400;
}

.bloque-3-pregunta{
  margin-top:42px !important;
  font-size:1.7rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

.bloque-3-cta{
  margin-top:46px;
}

.bloque-3-boton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:360px;
  min-height:78px;
  padding:0.9rem 2.2rem;
  border-radius:999px;
  background:#ef0033;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:2rem;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}

.bloque-3-boton:hover,
.bloque-3-boton:focus{
  color:#fff;
  background:#ef0033;
  text-decoration:none;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-3-col{
    min-height:480px;
    padding:48px 42px 52px;
  }

  .bloque-3-titulo{
    font-size:2.7rem;
  }

  .bloque-3-texto p{
    font-size:1.3rem;
  }

  .bloque-3-pregunta{
    font-size:1.5rem !important;
  }

  .bloque-3-boton{
    min-width:320px;
    min-height:70px;
    font-size:1.8rem;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-3-col{
    min-height:430px;
    padding:42px 32px 46px;
  }

  .bloque-3-row::before{
    top:40px;
    bottom:40px;
  }

  .bloque-3-titulo{
    font-size:2.15rem;
    margin-bottom:28px;
  }

  .bloque-3-texto p{
    font-size:1.18rem;
  }

  .bloque-3-pregunta{
    margin-top:32px !important;
    font-size:1.3rem !important;
  }

  .bloque-3-boton{
    min-width:280px;
    min-height:62px;
    font-size:1.45rem;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-3-row::before{
    display:none;
  }

  .bloque-3-col{
    min-height:auto;
    padding:36px 24px;
  }

  .bloque-3-col-izq{
    border-bottom:2px solid #cfcfcf;
  }

  .bloque-3-titulo{
    font-size:1.8rem;
    margin-bottom:24px;
  }

  .bloque-3-texto{
    max-width:100%;
  }

  .bloque-3-texto p{
    font-size:1.08rem;
    line-height:1.28;
  }

  .bloque-3-pregunta{
    margin-top:28px !important;
    font-size:1.2rem !important;
  }

  .bloque-3-cta{
    margin-top:32px;
  }

  .bloque-3-boton{
    min-width:260px;
    min-height:58px;
    font-size:1.3rem;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-3-col{
    padding:28px 16px 30px;
  }

  .bloque-3-titulo{
    font-size:1.35rem;
    line-height:1.08;
    margin-bottom:18px;
  }

  .bloque-3-texto p{
    font-size:0.98rem;
    line-height:1.3;
  }

  .bloque-3-pregunta{
    margin-top:22px !important;
    font-size:1.05rem !important;
  }

  .bloque-3-cta{
    margin-top:24px;
  }

  .bloque-3-boton{
    min-width:220px;
    min-height:50px;
    font-size:1.05rem;
    padding:0.8rem 1.4rem;
  }
}

/** Bloque 4 */

/* =========================
   BLOQUE 4
========================= */
.bloque-4-bogotanitos{
  background:#f25161;
  overflow:hidden;
}

.bloque-4-row{
  min-height:470px;
}

.bloque-4-izquierda{
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2.5rem 1.5rem 2.5rem 2.5rem;
}

.bloque-4-titulo-img{
  display:block;
  width:100%;
  max-width:540px;
  height:auto;
}

.bloque-4-derecha{
  min-height:470px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:3rem 3rem 2rem 2rem;
}

.bloque-4-subtitulo{
  margin:0 0 1.8rem 0;
  color:#61dfc0;
  font-size:3rem;
  line-height:1.02;
  font-weight:800;
}

.bloque-4-texto{
  max-width:900px;
}

.bloque-4-texto p{
  margin:0 0 2rem 0;
  color:#ffffff;
  font-size:2rem;
  line-height:1.18;
  font-weight:700;
}

.bloque-4-texto p:last-child{
  margin-bottom:0;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-4-row,
  .bloque-4-izquierda,
  .bloque-4-derecha{
    min-height:430px;
  }

  .bloque-4-subtitulo{
    font-size:2.55rem;
  }

  .bloque-4-texto p{
    font-size:1.3rem;
  }

  .bloque-4-titulo-img{
    max-width:470px;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-4-row,
  .bloque-4-izquierda,
  .bloque-4-derecha{
    min-height:380px;
  }

  .bloque-4-izquierda{
    padding:2rem 1rem 2rem 2rem;
  }

  .bloque-4-derecha{
    padding:2.2rem 2.5rem 2.2rem 1rem;
  }

  .bloque-4-subtitulo{
    font-size:2.1rem;
    margin-bottom:1.3rem;
  }

  .bloque-4-texto p{
    font-size:1.4rem;
    margin-bottom:1.5rem;
  }

  .bloque-4-titulo-img{
    max-width:390px;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-4-row{
    min-height:auto;
  }

  .bloque-4-izquierda,
  .bloque-4-derecha{
    min-height:auto;
  }

  .bloque-4-izquierda{
    padding:2rem 1rem 1rem 1rem;
  }

  .bloque-4-derecha{
    align-items:center;
    text-align:center;
    padding:1rem 1.5rem 2rem 1.5rem;
  }

  .bloque-4-subtitulo{
    font-size:1.85rem;
    margin-bottom:1.2rem;
  }

  .bloque-4-texto{
    max-width:100%;
  }

  .bloque-4-texto p{
    font-size:1.2rem;
    line-height:1.25;
    margin-bottom:1.25rem;
  }

  .bloque-4-titulo-img{
    max-width:360px;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-4-izquierda{
    padding:1.5rem 0.75rem 0.75rem 0.75rem;
  }

  .bloque-4-derecha{
    padding:0.75rem 1rem 1.5rem 1rem;
  }

  .bloque-4-subtitulo{
    font-size:1.35rem;
    line-height:1.08;
    margin-bottom:1rem;
  }

  .bloque-4-texto p{
    font-size:1rem;
    line-height:1.28;
    margin-bottom:1rem;
  }

  .bloque-4-titulo-img{
    max-width:280px;
  }
}

/* =========================
   BLOQUE 5
========================= */
.bloque-5-bogotanitos{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#5ebca2; /* tono base del fondo de la imagen */
}

.bloque-5-inner{
  position:relative;
  min-height:430px;
}

/* Imagen grande a la izquierda */
.bloque-5-ilustracion-wrap{
  position:absolute;
  left:0;
  bottom:0;
  width:66%;
  z-index:1;
}

.bloque-5-ilustracion{
  display:block;
  width:100%;
  height:auto;
}

/* Texto montado desde aprox 60% */
.bloque-5-contenido{
  position:absolute;
  left:55%;
  top:50%;
  transform:translateY(-45%);
  width:36%;
  z-index:2;
  text-align:center;
}

.bloque-5-titulo{
  margin:0;
  color:#ffffff;
  font-size:4.7rem;
  line-height:1.02;
  font-weight:700;
  text-transform:uppercase;
}

.bloque-5-todos{
  margin-top:2rem;
  color:#111111;
  font-size:4.4rem;
  line-height:1;
  font-weight:800;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-5-inner{
    min-height:390px;
  }

  .bloque-5-titulo{
    font-size:4.7rem;
  }

  .bloque-5-todos{
    font-size:3.8rem;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-5-inner{
    min-height:340px;
  }

  .bloque-5-ilustracion-wrap{
    width:72%;
  }

  .bloque-5-contenido{
    left:59%;
    width:38%;
  }

  .bloque-5-titulo{
    font-size:2.7rem;
  }

  .bloque-5-todos{
    margin-top:1.4rem;
    font-size:3rem;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-5-inner{
    min-height:auto;
    padding-top:1rem;
    padding-bottom:1.5rem;
  }

  .bloque-5-ilustracion-wrap{
    position:relative;
    width:100%;
    left:auto;
    bottom:auto;
  }

  .bloque-5-contenido{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    margin-top:0.5rem;
    padding:0 1.25rem;
  }

  .bloque-5-titulo{
    font-size:2.2rem;
  }

  .bloque-5-todos{
    margin-top:1rem;
    font-size:2.6rem;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-5-titulo{
    font-size:1.5rem;
    line-height:1.08;
  }

  .bloque-5-todos{
    font-size:1.9rem;
  }
}

/* =========================
   BLOQUE 6
========================= */
.bloque-6-bogotanitos{
  background:#fff;
  overflow:hidden;
}

.bloque-6-row{
  min-height:360px;
}

.bloque-6-col{
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.5rem 2rem;
}

.bloque-6-col-izq{
  align-items:center;
  text-align:center;
}

.bloque-6-col-der{
  align-items:flex-start;
}

.bloque-6-texto-verde{
  color:#63c4ae;
  text-transform:uppercase;
  font-weight:700;
  line-height:1.18;
}

.bloque-6-lista{
  max-width:760px;
  font-size:3rem;
}

.bloque-6-parrafo{
  max-width:820px;
  font-size:2.45rem;
  line-height:1.2;
  margin-bottom:2.5rem;
}

.bloque-6-remate{
  display:flex;
  align-items:center;
  gap:2rem;
}

.bloque-6-flecha-wrap{
  flex:0 0 auto;
}

.bloque-6-flecha{
  display:block;
  width:180px;
  height:auto;
}

.bloque-6-remate-texto{
  color:#111;
  font-size:3rem;
  line-height:1.02;
  font-weight:800;
  text-transform:uppercase;
}

.bloque-6-remate-texto span{
  display:inline-block;
  margin-bottom:0.25rem;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-6-row,
  .bloque-6-col{
    min-height:330px;
  }

  .bloque-6-lista{
    font-size:2.2rem;
  }

  .bloque-6-parrafo{
    font-size:2rem;
  }

  .bloque-6-remate-texto{
    font-size:2.5rem;
  }

  .bloque-6-flecha{
    width:155px;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-6-row,
  .bloque-6-col{
    min-height:300px;
  }

  .bloque-6-col{
    padding:2rem 1.5rem;
  }

  .bloque-6-lista{
    font-size:2rem;
  }

  .bloque-6-parrafo{
    font-size:1.65rem;
    margin-bottom:2rem;
  }

  .bloque-6-remate{
    gap:1.25rem;
  }

  .bloque-6-remate-texto{
    font-size:2rem;
  }

  .bloque-6-flecha{
    width:130px;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-6-row{
    min-height:auto;
  }

  .bloque-6-col{
    min-height:auto;
    padding:2rem 1.25rem;
    align-items:center;
    text-align:center;
  }

  .bloque-6-col-der{
    align-items:center;
  }

  .bloque-6-lista{
    font-size:1.7rem;
  }

  .bloque-6-parrafo{
    font-size:1.45rem;
    margin-bottom:1.5rem;
    text-align:center;
  }

  .bloque-6-remate{
    justify-content:center;
    flex-wrap:wrap;
    gap:1rem;
  }

  .bloque-6-remate-texto{
    font-size:1.7rem;
    text-align:center;
  }

  .bloque-6-flecha{
    width:110px;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-6-col{
    padding:1.5rem 1rem;
  }

  .bloque-6-lista{
    font-size:1.25rem;
    line-height:1.2;
  }

  .bloque-6-parrafo{
    font-size:1.05rem;
    line-height:1.25;
  }

  .bloque-6-remate-texto{
    font-size:1.25rem;
    line-height:1.08;
  }

  .bloque-6-flecha{
    width:90px;
  }
}

/* =========================
   BLOQUE 7
========================= */
.bloque-7-bogotanitos{
  background:#ececec;
  overflow:hidden;
  border-bottom:2px solid #f15b68;
}

.bloque-7-row{
  min-height:420px;
}

.bloque-7-izquierda{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2.5rem 6.5rem;
}

.bloque-7-titulo-img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  max-width:820px;
  height:auto;
}

.bloque-7-fondo-trazo{
  position:absolute;
  left:50%;
  top:50%;
  width:260px;
  height:260px;
  transform:translate(-50%, -45%);
  z-index:1;
  opacity:.55;
}

.bloque-7-fondo-trazo::before,
.bloque-7-fondo-trazo::after{
  content:"";
  position:absolute;
  inset:0;
  border:5px solid rgba(255,255,255,0.55);
  border-radius:44% 56% 58% 42% / 45% 42% 58% 55%;
}

.bloque-7-fondo-trazo::after{
  transform:rotate(28deg) scale(1.08);
}

.bloque-7-derecha{
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:2.5rem 4rem 2.5rem 2rem;
}

.bloque-7-texto{
  max-width:980px;
}

.bloque-7-texto p{
  margin:0 0 0.55rem 0;
  color:#f15b68;
  font-size:1.5rem;
  line-height:1.18;
  font-weight:800;
}

.bloque-7-texto p:last-child{
  margin-bottom:0;
}

.bloque-7-separado{
  margin-top:2rem !important;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-7-row,
  .bloque-7-izquierda,
  .bloque-7-derecha{
    min-height:390px;
  }

  .bloque-7-titulo-img{
    max-width:700px;
  }

  .bloque-7-texto p{
    font-size:1.5rem;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-7-row,
  .bloque-7-izquierda,
  .bloque-7-derecha{
    min-height:340px;
  }

  .bloque-7-izquierda{
    padding:2rem 1rem;
  }

  .bloque-7-derecha{
    padding:2rem 2.25rem 2rem 1rem;
  }

  .bloque-7-titulo-img{
    max-width:560px;
  }

  .bloque-7-fondo-trazo{
    width:210px;
    height:210px;
  }

  .bloque-7-texto p{
    font-size:1.42rem;
  }

  .bloque-7-separado{
    margin-top:1.5rem !important;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-7-row{
    min-height:auto;
  }

  .bloque-7-izquierda,
  .bloque-7-derecha{
    min-height:auto;
  }

  .bloque-7-izquierda{
    padding:2rem 1rem 1rem 1rem;
  }

  .bloque-7-derecha{
    justify-content:center;
    text-align:center;
    padding:1rem 1.5rem 2rem 1.5rem;
  }

  .bloque-7-texto{
    max-width:100%;
  }

  .bloque-7-texto p{
    font-size:1.2rem;
    line-height:1.24;
  }

  .bloque-7-separado{
    margin-top:1.25rem !important;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-7-izquierda{
    padding:1.5rem 0.75rem 0.75rem 0.75rem;
  }

  .bloque-7-derecha{
    padding:0.75rem 1rem 1.5rem 1rem;
  }

  .bloque-7-titulo-img{
    max-width:360px;
  }

  .bloque-7-fondo-trazo{
    width:150px;
    height:150px;
  }

  .bloque-7-texto p{
    font-size:1rem;
    line-height:1.28;
  }

  .bloque-7-separado{
    margin-top:1rem !important;
  }
}


/* Bloque 8*/

.bloque-8-bogotanitos{
  background:#f25667;
  overflow:hidden;
}

.bloque-8-row{
  min-height:430px;
}

.bloque-8-izquierda,
.bloque-8-derecha{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.5rem 2rem;
}

.bloque-8-izquierda{
  align-items:flex-end;
  text-align:right;
}

.bloque-8-derecha{
  align-items:center;
  text-align:center;
}

.bloque-8-texto{
  width:80%;
  max-width:none;
  margin-left:auto;
}

.bloque-8-texto p{
  margin:0;
  color:#ffffff;
  font-size:2rem;
  line-height:1.18;
  font-weight:700;
}

.bloque-8-cta{
  width:80%;
  max-width:none;
  margin-top:2.5rem;
  margin-left:auto;
  display:flex;
  justify-content:flex-end;
}

.bloque-8-boton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:88px;
  padding:1rem 2.4rem;
  border-radius:999px;
  background:#2fc6a6;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  font-size:2.1rem;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}

.bloque-8-boton:hover,
.bloque-8-boton:focus{
  color:#ffffff;
  background:#2fc6a6;
  text-decoration:none;
}

.bloque-8-titulo{
  margin:0;
  color:#ffffff;
  font-size:4.5rem;
  line-height:1.03;
  font-weight:700;
  text-transform:uppercase;
}

.bloque-8-flecha-wrap{
  margin-top:2rem;
}

.bloque-8-flecha{
  display:block;
  width:190px;
  height:auto;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-8-row,
  .bloque-8-izquierda,
  .bloque-8-derecha{
    min-height:390px;
  }

  .bloque-8-texto p{
    font-size:1.5rem;
  }

  .bloque-8-boton{
    min-height:76px;
    font-size:1.8rem;
  }

  .bloque-8-titulo{
    font-size:4.8rem;
  }

  .bloque-8-flecha{
    width:160px;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-8-row,
  .bloque-8-izquierda,
  .bloque-8-derecha{
    min-height:350px;
  }

  .bloque-8-izquierda,
  .bloque-8-derecha{
    padding:2rem 1.5rem;
  }

  .bloque-8-texto p{
    font-size:1.4rem;
  }

  .bloque-8-cta{
    margin-top:1.8rem;
  }

  .bloque-8-boton{
    min-height:64px;
    font-size:1.4rem;
    padding:0.9rem 1.6rem;
  }

  .bloque-8-titulo{
    font-size:3rem;
  }

  .bloque-8-flecha{
    width:130px;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-8-row{
    min-height:auto;
  }

  .bloque-8-izquierda,
  .bloque-8-derecha{
    min-height:auto;
    padding:2rem 1.25rem;
  }

  .bloque-8-izquierda,
  .bloque-8-derecha{
    align-items:center;
    text-align:center;
  }

  .bloque-8-texto,
  .bloque-8-cta{
    width:100%;
    margin-left:0;
  }

  .bloque-8-texto p{
    font-size:1.2rem;
    line-height:1.24;
  }

  .bloque-8-cta{
    margin-top:1.4rem;
    justify-content:center;
  }

  .bloque-8-boton{
    width:100%;
    max-width:620px;
    min-height:58px;
    font-size:1.15rem;
    white-space:normal;
    line-height:1.1;
    padding:0.85rem 1.2rem;
  }

  .bloque-8-titulo{
    font-size:2.2rem;
  }

  .bloque-8-flecha-wrap{
    margin-top:1.2rem;
  }

  .bloque-8-flecha{
    width:100px;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-8-izquierda,
  .bloque-8-derecha{
    padding:1.5rem 1rem;
  }

  .bloque-8-texto p{
    font-size:1rem;
    line-height:1.28;
  }

  .bloque-8-boton{
    font-size:1rem;
    min-height:50px;
    padding:0.75rem 1rem;
  }

  .bloque-8-titulo{
    font-size:1.55rem;
    line-height:1.08;
  }

  .bloque-8-flecha{
    width:82px;
  }
}


/** Bloque 9 **/

.bloque-9-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.bloque-9-item {
  display: block;
  text-decoration: none;
}

.bloque-9-img {
  display: block;
  width: 100%;
  height: auto;
}

.bloque-9-bogotanitos{
  background:#ececec;
  padding:2.5rem 2rem 3rem;
  overflow:hidden;
}

.bloque-9-header{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  margin-bottom:2.5rem;
}

.bloque-9-titulo{
  margin:0;
  color:#4fd0b4;
  text-align:center;
  font-size:3.5rem;
  line-height:1.02;
  font-weight:700;
  text-transform:uppercase;
}

.bloque-9-rayas{
  position:absolute;
  right:10%;
  top:-0.2rem;
  width:30px;
  height:auto;
}

.bloque-9-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:2.2rem 2rem;
  align-items:start;
}

.bloque-9-item{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  text-decoration:none;
}

.bloque-9-img{
  display:block;
  width:100%;
  max-width:290px;
  height:auto;
}

/* LG */
@media (max-width:1199.98px){
  .bloque-9-bogotanitos{
    padding:2rem 1.25rem 2.5rem;
  }

  .bloque-9-titulo{
    font-size:2.3rem;
  }

  .bloque-9-rayas{
    right:4%;
    width:42px;
  }

  .bloque-9-grid{
    gap:1.5rem 1rem;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-9-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .bloque-9-titulo{
    font-size:1.9rem;
    padding-right:2.4rem;
  }

  .bloque-9-rayas{
    right:0;
    top:0;
    width:34px;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-9-bogotanitos{
    padding:1.5rem 1rem 2rem;
  }

  .bloque-9-grid{
    grid-template-columns:1fr;
    gap:1.25rem;
  }

  .bloque-9-titulo{
    font-size:1.35rem;
    line-height:1.08;
    padding-right:2rem;
  }

  .bloque-9-rayas{
    width:28px;
  }

  .bloque-9-img{
    max-width:260px;
  }
}


/* =========================
   BLOQUE 10
========================= */
.bloque-10-bogotanitos{
  background:#9fcebf;
  overflow:hidden;
}

.bloque-10-row{
  min-height:560px;
}

.bloque-10-izquierda{
  min-height:560px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:0;
}

.bloque-10-img{
  display:block;
  width:100%;
  max-width:1000px;
  height:auto;
}

.bloque-10-derecha{
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:2.5rem 3.5rem 2.5rem 2rem;
}

.bloque-10-titulo{
  margin:0 0 2rem 0;
  color:#111;
  font-size:5rem;
  line-height:0.98;
  font-weight:800;
  text-transform:uppercase;
}

.bloque-10-texto{
  max-width:900px;
}

.bloque-10-texto p{
  margin:0 0 2rem 0;
  color:#111;
  font-size:2rem;
  line-height:1.15;
  font-weight:700;
}

.bloque-10-texto p:last-child{
  margin-bottom:0;
}

.bloque-10-remate{
  color:#fff !important;
  font-size:2.05rem !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  text-transform:uppercase;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-10-row,
  .bloque-10-izquierda,
  .bloque-10-derecha{
    min-height:500px;
  }

  .bloque-10-titulo{
    font-size:4.2rem;
  }

  .bloque-10-texto p{
    font-size:1.7rem;
  }

  .bloque-10-remate{
    font-size:1.8rem !important;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-10-row,
  .bloque-10-izquierda,
  .bloque-10-derecha{
    min-height:430px;
  }

  .bloque-10-derecha{
    padding:2rem 2.5rem 2rem 1rem;
  }

  .bloque-10-titulo{
    font-size:3.3rem;
    margin-bottom:1.5rem;
  }

  .bloque-10-texto p{
    font-size:1.35rem;
    margin-bottom:1.4rem;
  }

  .bloque-10-remate{
    font-size:1.45rem !important;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-10-row{
    min-height:auto;
  }

  .bloque-10-izquierda,
  .bloque-10-derecha{
    min-height:auto;
  }

  .bloque-10-izquierda{
    justify-content:center;
  }

  .bloque-10-img{
    max-width:760px;
  }

  .bloque-10-derecha{
    align-items:center;
    text-align:center;
    padding:1.25rem 1.5rem 2rem 1.5rem;
  }

  .bloque-10-titulo{
    font-size:2.5rem;
    margin-bottom:1.2rem;
  }

  .bloque-10-texto{
    max-width:100%;
  }

  .bloque-10-texto p{
    font-size:1.2rem;
    line-height:1.22;
    margin-bottom:1.2rem;
  }

  .bloque-10-remate{
    font-size:1.25rem !important;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-10-derecha{
    padding:1rem 1rem 1.5rem 1rem;
  }

  .bloque-10-titulo{
    font-size:1.65rem;
    line-height:1.05;
  }

  .bloque-10-texto p{
    font-size:1rem;
    line-height:1.28;
    margin-bottom:1rem;
  }

  .bloque-10-remate{
    font-size:1rem !important;
  }
}

/* =========================
   BLOQUE 11
========================= */
.bloque-11-bogotanitos{
  background:#ececec;
  padding:2rem 1.5rem 3rem;
  overflow:hidden;
}

.bloque-11-intro{
  max-width:1360px;
  margin:0 auto 2.5rem;
  text-align:left;
}

.bloque-11-intro p{
  margin:0;
  color:#111;
  font-size:2rem;
  line-height:1.22;
  font-weight:400;
}

.bloque-11-intro strong{
  font-weight:800;
}

.bloque-11-formulario{
  max-width:1360px;
  margin:0 auto;
}

.bloque-11-webform-placeholder{
  min-height:420px;
  border:2px dashed rgba(0,0,0,.2);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#777;
  font-size:1.3rem;
  padding:2rem;
  background:rgba(255,255,255,0.25);
}

/* ===== ESTILOS PARA EL WEBFORM REAL ===== */
.bloque-11-formulario form{
  max-width:1360px;
  margin:0 auto;
}

.bloque-11-formulario .form-item,
.bloque-11-formulario .js-form-item,
.bloque-11-formulario .webform-element--title-inline{
  margin-bottom:1.25rem;
}

.bloque-11-formulario .form-item,
.bloque-11-formulario .js-form-item{
  display:grid;
  grid-template-columns:34% 66%;
  align-items:center;
  column-gap:1.5rem;
}

.bloque-11-formulario label{
  margin:0;
  color:#f15b68;
  font-size:1.55rem;
  line-height:1.1;
  font-weight:700;
  text-align:right;
}

.bloque-11-formulario input[type="text"],
.bloque-11-formulario input[type="email"],
.bloque-11-formulario input[type="number"],
.bloque-11-formulario input[type="tel"],
.bloque-11-formulario input[type="search"],
.bloque-11-formulario input[type="url"],
.bloque-11-formulario textarea,
.bloque-11-formulario select{
  width:100%;
  min-height:58px;
  border:2px solid #7b7b7b;
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:1.15rem;
  padding:0.8rem 1.25rem;
  box-shadow:none;
}

.bloque-11-formulario textarea{
  min-height:120px;
  border-radius:26px;
  resize:vertical;
}

.bloque-11-formulario input:focus,
.bloque-11-formulario textarea:focus,
.bloque-11-formulario select:focus{
  outline:none;
  border-color:#4fcdb3;
  box-shadow:0 0 0 3px rgba(79,205,179,.15);
}

/* Upload / acciones */
.bloque-11-formulario .form-managed-file,
.bloque-11-formulario .js-form-managed-file{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0.75rem;
}

.bloque-11-formulario input[type="file"]{
  max-width:100%;
  font-size:1rem;
}

/* Botones */
.bloque-11-formulario .form-actions{
  margin-top:1.75rem;
  display:flex;
  justify-content:center;
}

.bloque-11-formulario .webform-button--submit,
.bloque-11-formulario input[type="submit"],
.bloque-11-formulario button[type="submit"]{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:290px;
  min-height:64px;
  padding:0.9rem 1.5rem 0.9rem 4.2rem;
  border:0;
  border-radius:999px;
  background:#2fc6a6;
  color:#fff;
  font-size:1.45rem;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  background-image:url('/sites/default/files/2026-04/Subir_Bogotanitos.png');
  background-repeat:no-repeat;
  background-size:34px auto;
  background-position:18px center;
}

.bloque-11-formulario .webform-button--submit:hover,
.bloque-11-formulario input[type="submit"]:hover,
.bloque-11-formulario button[type="submit"]:hover{
  background-color:#2fc6a6;
  color:#fff;
  opacity:.95;
}

.bloque-11-nota{
  max-width:1360px;
  margin:2.5rem auto 0;
  text-align:center;
}

.bloque-11-nota p{
  margin:0;
  color:#111;
  font-size:1.35rem;
  line-height:1.3;
  font-weight:400;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-11-intro p{
    font-size:1.7rem;
  }

  .bloque-11-formulario label{
    font-size:1.35rem;
  }

  .bloque-11-nota p{
    font-size:1.18rem;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-11-bogotanitos{
    padding:1.75rem 1.25rem 2.5rem;
  }

  .bloque-11-intro{
    margin-bottom:2rem;
  }

  .bloque-11-intro p{
    font-size:1.35rem;
  }

  .bloque-11-formulario .form-item,
  .bloque-11-formulario .js-form-item{
    grid-template-columns:36% 64%;
    column-gap:1rem;
  }

  .bloque-11-formulario label{
    font-size:1.15rem;
  }

  .bloque-11-formulario input[type="text"],
  .bloque-11-formulario input[type="email"],
  .bloque-11-formulario input[type="number"],
  .bloque-11-formulario input[type="tel"],
  .bloque-11-formulario input[type="search"],
  .bloque-11-formulario input[type="url"],
  .bloque-11-formulario textarea,
  .bloque-11-formulario select{
    min-height:52px;
    font-size:1rem;
  }

  .bloque-11-nota p{
    font-size:1rem;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-11-intro p{
    font-size:1.15rem;
    line-height:1.28;
  }

  .bloque-11-formulario .form-item,
  .bloque-11-formulario .js-form-item{
    grid-template-columns:1fr;
    row-gap:0.6rem;
  }

  .bloque-11-formulario label{
    text-align:left;
    font-size:1.05rem;
  }

  .bloque-11-formulario .form-actions{
    justify-content:center;
  }

  .bloque-11-formulario .webform-button--submit,
  .bloque-11-formulario input[type="submit"],
  .bloque-11-formulario button[type="submit"]{
    min-width:260px;
    font-size:1.2rem;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-11-bogotanitos{
    padding:1.25rem 1rem 2rem;
  }

  .bloque-11-intro p{
    font-size:1rem;
  }

  .bloque-11-webform-placeholder{
    min-height:220px;
    font-size:1rem;
  }

  .bloque-11-formulario .webform-button--submit,
  .bloque-11-formulario input[type="submit"],
  .bloque-11-formulario button[type="submit"]{
    width:100%;
    max-width:320px;
    min-width:0;
    min-height:56px;
    font-size:1.05rem;
    background-size:30px auto;
  }

  .bloque-11-nota p{
    font-size:0.95rem;
    line-height:1.35;
  }
}

/* =========================
   BLOQUE 12 - CIERRE
========================= */
.bloque-12-bogotanitos{
  background:#fff;
  overflow:hidden;
}

.bloque-12-inner{
  position:relative;
  min-height:760px;
}

.bloque-12-contenido{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:46% 54%;
  gap:1rem;
  padding:1.5rem 3.5rem 0 3.5rem;
}

.bloque-12-izquierda{
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.bloque-12-titulo{
  margin:0;
  font-size:5.4rem;
  line-height:0.92;
  font-weight:800;
  text-transform:uppercase;
  text-align:left;
}

.bloque-12-titulo .negro{
  color:#111;
}

.bloque-12-titulo .rosa{
  color:#f15b68;
}

.bloque-12-derecha{
  padding-top:0.2rem;
}

.bloque-12-texto-rosa p{
  margin:0 0 1.6rem 0;
  color:#f15b68;
  font-size:2rem;
  line-height:1.12;
  font-weight:700;
}

.bloque-12-texto-negro{
  margin-top:1.4rem;
  color:#111;
  font-size:2.15rem;
  line-height:1.05;
  font-weight:800;
  text-transform:uppercase;
}

.bloque-12-ilustracion-wrap{
  position:relative;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
}

.bloque-12-ilustracion{
  display:block;
  width:100%;
  height:auto;
}

/* XL */
@media (max-width:1599.98px){
  .bloque-12-inner{
    min-height:680px;
  }

  .bloque-12-titulo{
    font-size:4.7rem;
  }

  .bloque-12-texto-rosa p{
    font-size:1.7rem;
  }

  .bloque-12-texto-negro{
    font-size:1.85rem;
  }
}

/* LG */
@media (max-width:1199.98px){
  .bloque-12-inner{
    min-height:600px;
  }

  .bloque-12-contenido{
    grid-template-columns:48% 52%;
    padding:1.25rem 2rem 0 2rem;
  }

  .bloque-12-titulo{
    font-size:3.8rem;
  }

  .bloque-12-texto-rosa p{
    font-size:1.35rem;
    margin-bottom:1.2rem;
  }

  .bloque-12-texto-negro{
    font-size:1.45rem;
  }
}

/* TABLET */
@media (max-width:991.98px){
  .bloque-12-inner{
    min-height:auto;
  }

  .bloque-12-contenido{
    grid-template-columns:1fr;
    gap:1.25rem;
    padding:1.5rem 1.25rem 0 1.25rem;
  }

  .bloque-12-izquierda{
    justify-content:flex-start;
  }

  .bloque-12-titulo{
    font-size:2.7rem;
    line-height:0.95;
  }

  .bloque-12-derecha{
    padding-top:0;
  }

  .bloque-12-texto-rosa p{
    font-size:1.15rem;
    line-height:1.18;
  }

  .bloque-12-texto-negro{
    font-size:1.2rem;
  }

  .bloque-12-ilustracion-wrap{
    position:relative;
    margin-top:1rem;
  }
}

/* MOBILE */
@media (max-width:575.98px){
  .bloque-12-contenido{
    padding:1.25rem 1rem 0 1rem;
  }

  .bloque-12-titulo{
    font-size:1.9rem;
    line-height:0.98;
  }

  .bloque-12-texto-rosa p{
    font-size:1rem;
    line-height:1.22;
    margin-bottom:0.9rem;
  }

  .bloque-12-texto-negro{
    font-size:1rem;
    line-height:1.12;
  }

  .bloque-12-ilustracion-wrap{
    margin-top:0.8rem;
  }
}