/*Azul #0079C8*/
body{
  line-height: normal;
  color: #444444;
}
p{
  color: #555555;
}

.btn {
  --bs-btn-border-radius: .1rem;
}
.btn-outline-success {
  --bs-btn-color: #1b883c;
  --bs-btn-border-color: #1b883c;
  --bs-btn-hover-bg: #1b883c;
  --bs-btn-hover-border-color: #1b883c;
  --bs-btn-active-bg: #1b883c;
  --bs-btn-active-border-color: #1b883c;
  --bs-btn-disabled-color: #1b883c;
  --bs-btn-disabled-border-color: #1b883c;

}

html .btn-secondary {

  background-color: #db3907;
  border-color: #db3907 #db3907 #db3907;
  color: #fff;
  --color: #db3907;
  --hover: #e9807a;
  --disabled: #e36159;
  --active: #db3907;
}
html .text-color-secondary, html .text-secondary {
  color: #db3907 !important;
}

html .alert-secondary {
  background-color: #db3907 !important;
  border-color: #e1554c;
  color: #fff;
}

html .alert-success {
  background-color: #1b883c;
  border-color: #1b883c;
  color: #fff;
}

.header-nav-top .active{
  background-color: inherit  !important;
}  
#header .header-top, 
#header .header-nav-features .header-nav-features-search-reveal-container {
  min-height: 20px;
}
#header .header-nav {
  min-height:auto;
}
.social-icons li:hover.social-icons-tiktok a {
  background: #000 !important;
}
.header-logo img{
  max-width: 180px;
  
}
.social-icons li:hover.social-icons-instagram a {
  background: #BD2690 !important;
}

b{
  font-weight: bold;
}

.mw-25{ max-width: 25%;}
.mw-30{ max-width: 30%;}
.mw-35{ max-width: 35%;}
.mw-40{ max-width: 40%;}
.mw-45{ max-width: 45%;}
.mw-50{ max-width: 50%;}

.bg-success{
  background-color: #28a745 !important;
}
.bg-danger{
  background-color: #db3907 !important;
}
.bg-grey{
  background-color: #f7f7f7 !important;
}
.bg-light-blue{
  background-color: #ebf5fd !important;
}
.bg-light-green{
  background-color: #c7ead0 !important;
}



.btn-outline-primary{
  color: #0079C8;
  border-color: #0079C8;
  background-color: #ffffff;
  border-radius: 4px;  
}
.btn-outline-primary:hover{
  background-color: #0079C8;
}

.btn-outline-danger{
  color: #db3907;
  border-color: #db3907;
  background-color: #ffffff;
  border-radius: 4px;  
}
.btn-outline-danger:hover{
  background-color: #db3907;
}

.btn-danger{
  background-color: #db3907 !important;
}



.slider1 > .parallax-background{
  background-size: cover !important;
}




.home-concept .cloud {
  background-image: url('../../../assets/images/huella-perro-corazon.png');
  background-size: contain;
  opacity: 0.6;
}
.home-concept .sun {
  background-image: url('../../../assets/images/huella-gato-corazon.png');
  background-size: contain;
  opacity: 0.6;
   animation: floatY 3s ease-in-out infinite;
}


@keyframes floatY {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(5px); }
  100% { transform: translateY(0); }
}

.custom-form-style-1 select option {
  color: #333;
}

.custom-select-1 .form-select{
  height: calc(1.8em + 1.85rem + 2px);
  padding: 15.6px 20px;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  line-height: 1.5 !important;
}

.pet-radio-group {
  display: flex;
  gap: 10px; /* espacio entre los botones */
  justify-content: center; /* opcional: centra el grupo */
}

.pet-radio {
  flex: 1; /* que ambos tengan el mismo tamaño si quieres que llenen el contenedor */
  max-width: 150px; /* controla el ancho máximo de cada botón */
}

.pet-radio input {
  display: none;
}

.pet-radio .box {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px 15px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: #333;
}

.pet-radio .box i {
  font-size: 32px;
  display: block;
  margin-bottom: 5px;
  color: #333;
}

.pet-radio .box span {
  font-weight: 500;
  display: block;
}

.pet-radio input:checked + .box {
  border-color: #0079C8;
  background-color: #e9f5ff;
  color: #0079C8;
}

.pet-radio input:checked + .box i {
  color: #0079C8;
}

.pet-radio input:checked + .box span {
  color: #0079C8;
}


.mw-200{
  max-width: 200px !important;
}



.form-check2 {
  display: flex;
  align-items: center;
  padding-left: 1px;
  gap: 0.2rem; /* espacio entre checkbox y texto */
}

.form-check .form-check-input2 {
  float: none;
  margin-left: 0;
}

.form-check-input2{
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.02em;
  margin-right: 0.5em;
  vertical-align: top;
  border-color:#999;
}

.radio-group {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}



.radio-option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 12px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: white;
    flex: 1 1 0;
    min-width: 0;
}

.radio-option:hover {
    border-color: #007bff;
    background-color: #f8f9ff;
}

.radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-option input[type="radio"]:checked + .radio-label {
    color: #007CC2;
    font-weight: 600;
}

.radio-option input[type="radio"]:checked ~ .radio-option {
    border-color: #007CC2;
    background-color: #f0f7ff;
}

.radio-option:has(input[type="radio"]:checked) {
    border-color: #007CC2;
    /*background-color: #f0f7ff;*/
    background-color: #fff;
}

.radio-label {
    font-size: 14px;
    color: #555;
    transition: all 0.3s ease;
    text-align: center;
}

.custom-radio {
    display: none;
}

#resumen_pedido .table th,
#resumen_pedido .table td {
  border-color: #DDD;
}

#resumen_pedido .card{
  border-color: #999;
}

#form_mis_datos .radio-group{
  gap:8px
}
#form_mis_datos .radio-option{
  border-radius: 30px;
  border-width: 1px;
}

#form_mis_datos .radio-option:has(input[type="radio"]:checked),
#form_mis_datos .radio-option input[type="radio"]:checked + .radio-label {
  border-color: #007bff;
  background-color: #d1e4fb !important;
  
}

#form_mis_datos .border_red {
  border-color:#e74c3c !important;
  background-color: #fee1df;
  box-shadow: 0 0 5px rgba(231, 76, 60, 0.3);
}


#form_salud .radio-group{
  gap:8px
}
#form_salud .radio-option{
  border-radius: 30px;
  border-width: 1px;
  max-width: 52px;
}
#form_salud .radio-option:has(input[type="radio"]:checked),
#form_salud .radio-option input[type="radio"]:checked + .radio-label {
  font-weight: bold;
  
}





.form-switch .form-check-input {
  transform: scale(1.5);
  margin-right: 0rem;
  margin-top: 4px;
}
    .stepper {
      position: relative;
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px;
    }

    /* Línea que une todos los pasos */
    .stepper::before {
      content: "";
      position: absolute;
      top: 20px; /* Vertical: mitad del círculo */
      left: 0;
      right: 0;
      height: 2px;
      background: #dee2e6; /* gris claro */
      z-index: 1;
    }

    .step {
      position: relative;
      text-align: center;
      flex: 1;
      z-index: 2; /* encima de la línea */
    }

    .step .circle {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #dee2e6;
      line-height: 40px;
      margin: 0 auto 10px;
      font-weight: bold;
    }

    .step.active .circle {
      background: #0079C8;
      color: #fff;
    }

    .step.completed .circle {
      background: #198754;
      color: #fff;
    }

    /* Línea verde para pasos completados */
    .step.completed::before {
      content: "";
      position: absolute;
      top: 20px;
      left: -50%;
      width: 100%;
      height: 2px;
      background: #198754;
      z-index: 1;
    }

    .step:first-child.completed::before {
      display: none; /* No hay línea antes del primero */
    }
.toggle-reverse .toggle > .toggle-title > i {
  font-size: 22px !important;
}

.toggle-reverse .toggle > .toggle-title::before {
    top: calc(50% - 8px);
    transform: rotate(-225deg) translate3d(0,-50%,0);
}
.toggle-reverse .toggle.active > .toggle-title::before {
    top: calc(50% - 0px);
    transform: rotate(-45deg);
}


#form_mis_datos input.form-control,
#form_mis_datos select.form-control{

  line-height: 36px;
  height: 50px;

}

#form_mis_datos label.form-label{
  margin-bottom: 0;
}

#footer {
  background: #0079C8;
  border-top: 4px solid #0079C8;
}
#footer a, #footer i, #footer p{
  color: #fff !important;

}
#footer .footer-ribbon {
  background: #0172be;
}
#footer .footer-copyright {
  background: #015c98;
  color: #fff;
}
#footer .footer-copyright a {
  color: #fff !important;
}

#footer .social-icons a > i{
  color: #015c98 !important;

}
#footer .social-icons a:hover > i{
  color: #fff !important;

}
@media (min-width: 992px) {
  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: #007CC2;
  }
}

@media (min-width: 769px) { 
  .home-concept {
    background-image: url('../../../assets/images/home-concept.png');
  } 
}

@media (max-width: 768px) { 
  .img-float-text {
    float:none !important;
    max-width: 100%;
  }

  #header.header-effect-shrink .header-container {
    min-height: auto;
  }  

  #form_mis_datos  .radio-group{
    gap:4px
  }
  
  #form-calcula-tu-seguro .radio-group{
    gap:3px
  }
  #form-calcula-tu-seguro .radio-group .radio-label{
    font-size: 12px;
  } 
  
  #form_mis_datos .div_mis_datos_tratamiento{
    padding-right: 0;
  }

  .header-container .feature-box-info .custom-font-size-1 {
    font-size: 1.1em !important;
  }
}