/*====================================
NOTA IMPORTANTE
====================================*/

.nota-importante-partidas{

background:#F8FBFD;

border-left:6px solid #49BF7A;

border-radius:8px;

padding:25px;

margin:30px 0;

box-shadow:0 4px 15px rgba(0,0,0,.05);

}

.nota-importante-partidas h3{

margin:0 0 18px;

color:#00294A;

font-size:22px;

font-weight:700;

display:flex;

align-items:center;

gap:10px;

}

.nota-importante-partidas h3 i{

color:#49BF7A;

font-size:24px;

}

.nota-importante-partidas p{

margin:0 0 15px;

line-height:1.8;

font-size:16px;

color:#555;

}

.nota-importante-partidas strong{

color:#00294A;

font-weight:700;

}

.nota-importante-partidas a{

color:#0D61A8;

font-weight:600;

text-decoration:none;

}

.nota-importante-partidas a:hover{

text-decoration:underline;

}

/* ==========================================================
   TÍTULOS DE SECCIÓN DEL WEBFORM
========================================================== */

.webform-section-title{
  color:#005FAA !important;
  font-size:1.6rem !important;
  font-weight:400 !important;
  margin:2rem 0 1rem !important;
  padding-bottom:.4rem !important;
  border-bottom:2px solid #005FAA !important;
}


/* ==========================================================
   MENSAJE DE CONFIRMACIÓN WEBFORM
========================================================== */

.webform-confirmacion{
  max-width:700px;
  margin:30px auto;
  padding:35px 30px;
  background:#F8FAFC;
  border:1px solid #E6ECF2;
  border-radius:18px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
}

.webform-confirmacion .icono{
  width:70px;
  height:70px;
  margin:0 auto 20px;
  border-radius:50%;
  background:#0D61A8;
  color:#FFF;
  font-size:36px;
  line-height:70px;
  font-weight:bold;
}

.webform-confirmacion h2{
  margin:0;
  color:#00294A;
  font-size:30px;
  font-family:"Playfair Display", Georgia, serif;
}

.webform-confirmacion .linea{
  width:80px;
  height:3px;
  margin:18px auto 25px;
  background:#FFD700;
  border-radius:20px;
}

.webform-confirmacion p{
  margin:0 0 18px;
  color:#555;
  font-size:16px;
  line-height:1.8;
}

.webform-confirmacion .numero{
  display:inline-block;
  margin:15px 0;
  padding:18px 22px;
  background:#FFF;
  border:2px solid #0D61A8;
  border-radius:14px;
}

.webform-confirmacion .numero span{
  display:block;
  font-size:13px;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.webform-confirmacion .numero strong{
  display:block;
  margin-top:6px;
  color:#0D61A8;
  font-size:32px;
  line-height:1;
}

.webform-confirmacion .nota{
  font-size:15px;
}

.webform-confirmacion .pie{
  margin-top:25px;
  padding-top:18px;
  border-top:1px solid #E6ECF2;
  color:#777;
  font-size:14px;
  line-height:1.6;
}

/* ==========================================================
   BOTÓN VOLVER AL FORMULARIO
========================================================== */

a.js-webform-confirmation-back-link-ajax{
  display:inline-block;
  margin:20px auto 0;
  padding:12px 26px;
  background:#005A9C;
  color:#FFF !important;
  text-decoration:none !important;
  font-weight:700;
  border-radius:50px;
  transition:all .3s ease;
  box-shadow:0 4px 12px rgba(0,90,156,.25);
}

a.js-webform-confirmation-back-link-ajax:hover{
  background:#00294A;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,41,74,.25);
}

/* Centrar el botón */
.webform-confirmation__back{
  text-align:center;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:992px){

  .nota-importante-partidas{
    padding:20px;
    margin:25px 0;
    border-left-width:5px;
  }

  .nota-importante-partidas h3{
    font-size:20px;
  }

  .nota-importante-partidas p{
    font-size:15px;
    line-height:1.7;
  }
}

@media (max-width:768px){

  .nota-importante-partidas{
    padding:18px;
    margin:20px 0;
    border-left-width:4px;
    border-radius:6px;
  }

  .nota-importante-partidas h3{
    display:block;
    margin-bottom:15px;
    font-size:20px;
    line-height:1.4;
  }

  .nota-importante-partidas h3 i{
    display:block;
    margin-bottom:8px;
    font-size:30px;
  }

  .nota-importante-partidas p{
    margin-bottom:12px;
    font-size:16px;
    line-height:1.7;
  }

  .webform-confirmacion{
    margin:20px 10px;
    padding:25px 20px;
  }

  .webform-confirmacion h2{
    font-size:24px;
  }

  .webform-confirmacion .numero strong{
    font-size:26px;
  }

  .webform-confirmacion p{
    font-size:15px;
  }
}

@media (max-width:480px){

  .nota-importante-partidas{
    padding:15px;
    margin:15px 0;
  }

  .nota-importante-partidas h3{
    font-size:19px;
  }

  .nota-importante-partidas h3 i{
    font-size:26px;
  }

  .nota-importante-partidas p{
    font-size:15px;
    line-height:1.6;
  }

  .nota-importante-partidas a{
    word-break:break-word;
  }

  .webform-confirmacion .numero{
    width:100%;
  }
}