body{
        padding-top: 110px;
 color: #001f3f; /* Código para azul marino */
    }
    .navbar-inverse {
        background-color: white;
        border-color: white;
    }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: orange;
}
.business-header {
    background: url(segus.jpg) center center no-repeat scroll;
}
.style1{
    color: white;
}
.t1{
    font-size: 1.6rem;
    color: #666666;
    font-weight: bold;
}
.t2{
    font-size: 2.1rem;
    color: #044474;
    font-weight: bold;
}

#btel{
    text-align: right;
  
}
#bslogan{
   
}
.bannercito {
    margin-right: 0px!important;
    margin-left: 0px!important;
}
@media (max-width: 767px) {
  #btel{
    text-align: center;
    margin-right: 0px;
}
#bslogan{
    text-align: center;
    margin-left: 0px;
}
}

@media (max-width: 1199px) {
    .d-none-lg{
        display: none;
    }
}

@media (min-width: 991px) {
    .resps{
        display: none;
    }
}

.respmargin {
margin: 0px;
}

@media (max-width: 991px) {
   .respmargin {
  margin: 10px;
}
}


.img-center{
        box-shadow: 5px 5px 10px;
}

h2{
    color: #044474;
    font-weight: bold;
}
ul {
    list-style-image: url('/online.gif');
    line-height: 170%;
}
li{
    font-size: 16px;
    color: #044474;
    line-height: 170%;
}
.nars{
    color: #ff6600;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    font-weight: bold;
}
p{
    font-size: 16px;
}
h5{
    font-size: 1.7rem;
}
@media (min-width: 768px) {
.respd{
display: none;
}
}


h5 a {
   
    background-image:  url(/seguros/online/online.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;

}
h5 a:hover {

    background-image:  url(/seguros/online/online2.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

.tlista {
    font-size: 1.9rem;
    font-weight: bold;
}

@media (max-width: 767px) {
.respcent{
    text-align: center;
}
}
.linku{
    text-decoration: none;
}
.linku:hover{
    color: #044474!important;
    text-decoration: none;
}

.linku:focus{
    color: #044474!important;
    text-decoration: none;
}

.link2:hover{
text-decoration: underline;
text-decoration-color: #ff6600;
}

.link2:focus{
text-decoration: underline;
text-decoration-color: #ff6600;
}

.link3:hover{
    color: #ff6600;
}

@media (min-width: 1150px){
.marcas{
display: none;
}
}


.logo {
    max-height: 80px;
}
.marcas2{
    display: flex;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 95%;
    justify-content: space-around;
}

@media (max-width: 1149px){

.linku{
  font-size: 1.5rem;
    margin-top: -13px;
}
.logo{
    max-height: 62px;
}
}

/*input {
    width: 100%;
}*/


.cotizar {
        background-color: lightblue;
    padding: 20px;
    border-radius: 25px;
}
.cotizar2{
    max-width: 800px;
    background-color: lightblue;
    padding: 15px;
    border-radius: 25px;
    margin: 0 auto;
}
@media (max-width: 700px) {
  .logo {
     max-height: 60px;
  }
    .marcas2{
display: none;
   /* justify-content: space-around;*/
}
  }

@media (max-width: 1050px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

.just1 {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
}

.flex-container {
  display: flex;
  height: 400px;
  justify-content: center;
  align-items: center;
}

.flex-container>div {
  color: white;
  max-width: 100%;

}

.navbar-inverse, html, body {
  width: 100vw;
}

.amlist>ul>li {
    font-size: 1.8rem;
}
.amlist>ul {
    list-style: none;
    margin-left: -30px;
}

h3.formh {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0155a7;
    margin-bottom: 2rem;
}

.col-md-12 {
    margin-bottom: 1rem;

}
.btn-whatsapp {
	display:block;
	width:70px;
	height:70px;
	color:#fff;
	position: fixed;
	right:20px;
	bottom:40px;
	border-radius:50%;
	line-height:80px;
	text-align:center;
	z-index:2003;
	
}

details {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
summary {
cursor: pointer;
}

#contadorDias {
	background-color: #FFF;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius:50%;
}

footer{
  align-items: center;
  margin: 2%;
}
#datosusuario {
padding: 10px;
background-color: #FFF4CC;
/*text-align: center;*/
align-items: middle;
border: 1px solid #ccc;
width: 95%;
margin:1%;
}

.filtros {
padding: 10px;
background-color: lightblue;
/*border-radius: 25px;*/
text-align: left;
align-items: middle;
width: 95%;
margin:3%;
}
#cotionline {
            background-color: #E7F4FE;
           justify-content: center;
            /* con respecto al eje vertical*/
            align-items: center;
            /*con respecto al eje horizontal*/
            padding: 30px;
           /* padding-top: 50px;
            padding-left: 50px;*/
           /* color:#003366;*/
            text-align: center;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 30px;
            border: 1px solid #ccc;
            width: 95%;
            margin:1%;
}

#contenedor-avanzado {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 3 columnas por defecto */
            gap: 20px;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
}

/* Responsive: 1 columna en móviles (≤ 768px) */
        @media (max-width: 768px) {
            #contenedor-avanzado {
                grid-template-columns: 1fr; /* 1 sola columna */
            }
        }

#contenedor-coti {
            padding: 10px;

            background-color: #FFF;
            /*   background-color: #ECF7FC;
    padding: 0px;*/
            text-align: center;
            border: 1px solid #666;
            /*   border: 20px groove #FF6600;*/
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;

}
@media (ma x-width: 768px) { /* Ajusta el ancho según tus necesidades */
.plan img {
            width: 200px;
            max-height: 150px;
          align-items: center;
            margin: 5px;
            padding: 5px;

}
}

.plan {
            padding: 0px;
           align-items: center;
            margin-bottom: 0px;
}

.plan img {
            width: 200px;
            max-height: 200px;
                 align-items: center;
       /*  align-items: middle;*/
            margin: 10px;
            padding: 10px;

}
.plancompania {
            padding: 5px;
          align-items: center;
            margin-bottom: 0px;
            /* border: 1px groove #ccc;
            text-align: left;
           background-color:#F7f7f7;*/
}
.planpersona {
            padding: 0px;
    align-items: center;
            margin-bottom: 0px;
      
}
.plantotal {
            padding: 0px;
            align-items: middle;
            margin-bottom: 0px;
        
}
.boton {
            /* outline: 2px solid #023d0f;*/
            background-color: #Ff6600;
            color: #ffffff;
            font-size: large;
            font-weight: 700;
            text-align: center;
            padding: 10px;
            margin: 5px;
            margin-top: 10px;
            /*border: 10px outset #FF3300;*/
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;

}

.boton a:hover {
            /* outline: 2px solid #023d0f;*/
            color: #FFCC00;
            text-decoration: none;
}

.boton a {
            color: #fff;
            text-decoration: none;

}

img {
            max-width: 100%;
            height: auto;
}
.compania{font-size:x-large;font-weight:bold;color:#FF6600;margin-top:5px;margin-bottom:0px;}
.preciopesos{font-size:16px;color:#FF6600;margin-top:5px;margin-bottom:0px;}
.totalpesos{font-size:20px;font-weight:bold;color:#FF6600;margin-top:5px;margin-bottom:0px;}
.leyenda{font-size:large;font-weight:bold;margin-top:5px;margin-bottom:0px;font-style:italic;}
.container {
   /* width: 100%;*/
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5); /* Ajusta la opacidad aquí */
}

     .print-share-container {
          /* position: fixed;
            bottom: 20px;
            right: 20px;*/
            display: flex;
            flex-direction: column;
            gap: 10px;
            z-index: 1000;
        }
        .action-btn {
            padding: 10px 15px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s;
        }
        .action-btn:hover {
            background-color: #45a049;
        }
        .action-btn.print {
            background-color: #2196F3;
        }
        .action-btn.print:hover {
            background-color: #0b7dda;
        }
        .share-link-container {
            display: none;
            padding: 15px;
            background: #f9f9f9;
            border: 1px solid #ddd;
            border-radius: 4px;
            margin-top: 10px;
        }
        .share-link {
            word-break: break-all;
            color: #2196F3;
            text-decoration: none;
        }
        .copy-btn {
            margin-left: 10px;
            padding: 3px 8px;
            font-size: 12px;
            background-color: #e7e7e7;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

 #respuesta-container {
             z-index: 2001; 
        background:white;
        position:absolute; 
        top: 120px; 
        left: 0; 
        width: 100%; 
        margin-top: 0;
          /*  min-height: 100px; /* Para visualizar el div aunque esté vacío al inicio */
        }
        #buttons-container {
        display:block;
	color:#fff;
	position: fixed;
	left:20px;
	bottom:40px;
    visibility: inherit;
	/*line-height:80px;*/
	text-align:center;
	z-index:2004;
 /*width: 100px;
	height:50px;*/
        }
        button {
            padding: 10px 20px;
            margin-right: 10px;

            cursor: pointer;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
        }
        button:hover {
            background-color: #0056b3;
        }
        #shareLinkInput {
            width: 300px;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            margin-top: 10px;
            display: none; /* Oculto por defecto */
        }

        /* Estilos para la impresión */
        @media print {
            body * {
                visibility: hidden;
            }
            #respuesta-container, #respuesta-container * {
                visibility: visible;
            }
            #respuesta-container {
                position: absolute;
                left: 0;
                top: 0;
                width: auto;
                margin-top: 0;
                border: none; /* No queremos borde en la impresión */
            }
            .buttons-container {
                display: none; /* Ocultar botones al imprimir */
            }
        }
        /* Estilos para el loading */
   #form-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-content {
    background: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
}

.spinner {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
  .header-item {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        /* Para dispositivos pequeños */
        @media (max-width: 767.98px) {
            .header-item {
                margin-bottom: 3px; /* Separación entre elementos en móvil */
            }
        }

 .margenitem {
        margin-top: 37px;
    }
 .margenitem2{
        margin-top: 27px; 
    }

    @media (max-width: 767.98px) {
        .margenitem {
            margin-top: 0px;
        }
         .margenitem2
       {
            margin-top: 0px;
        }
    }