@font-face{
  font-family: "Helvetica-Bold";
  src:url("../fonts/Helvetica-Bold.ttf");
}

@font-face{
  font-family: "Helvetica-Light";
  src:url("../fonts/Helvetica-Light.ttf");
}

.titulo{
  font-family: "Playfair Display", serif;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}


h1,h2,h3,h4,h5,h6{
  /*font-family: "Playfair Display", serif;*/
  font-family: Helvetica-Bold;
}

body{
  font-family: "Lato", sans-serif;
  font-size: 17px;
  overflow-x: hidden;
  background: #fcf6ea;
}

a {
  text-decoration: none;
}

.text-justify {
  text-align: justify;
  text-justify: inter-word;
}

.desk{
  display: block;
}

.movil{
  display: none;
}

p, h1,h2,h3,h4,h5,h6{ color:#551f01; }


.bg-primary{ background: #fcf6ea!important; }/*01202d*/
.bg-secondary{ background: #551f01!important; }
.bg-blue{ background: #023d58;}
.bg-red{ background: #CC0000; }


.text-primary{ color: #fcf6ea!important; }
.text-secondary{ color: #551f01!important; }
.text-blue{ color: #023d58;}
.text-red{ color: #CC0000; }

.space{ margin-top: 90px; }


.capsula{
  background: #CC0000;
  border-color: #CC0000;
  color: #fcf6ea !important;
  border-radius: 1rem;
  padding: 0.5rem 2rem;
  margin-top: 1rem;
}

.capsulaB{
  background: #023d58;
  border-color: #023d58;
  color: #fcf6ea !important;
  border-radius: 1rem;
  padding: 0.5rem 2rem;
  margin-top: 1rem;
}

.card-3d {
    border: none; /* Quitamos el borde rígido de Bootstrap */
    border-radius: 15px; /* Bordes más redondeados dan aspecto moderno */
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto al pasar el mouse (Hover) */
.card-3d:hover {
    transform: translateY(-5px); /* Se eleva físicamente */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); /* Sombra más profunda */
}

.cardhb{    border-radius: 15px 15px 0px 0!important; }

.card-glass {
    background: rgba(255, 255, 255, 0.7); /* Fondo semi-transparente */
    backdrop-filter: blur(10px); /* Desenfoque del fondo */
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    border-radius: 3rem;
}

.img-circle{
  border-radius: 50%;
    height: 80px;
    width: 80px;
}

.border-price{
  border: 3px #fcf6ea solid;
  border-radius: 0.6rem;
    padding: 1rem;
}

/******************ESTILOS DEL INPUT*******************/
.customI{
  border: 2px solid #fff0;
  border-bottom: 2px solid #035074;
  background-color: #fff0;
  /* color: #fff; */
}

.form-control:focus {
    color: #333;
    background-color: #ffF0;
    border-color: #035074;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #03507440;
}

.customI::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #004b84;
  opacity: 1; /* Firefox */
}

.customI:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #004b84;
}

.customI::-ms-input-placeholder { /* Microsoft Edge */
  color: #004b84;
}

.form-selectModal {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #035074;
    background-color: #ffffff00;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-top: 0px solid #ffffff00;
    border-left: 0px solid #ffffff00;
    border-right: 0px solid #ffffff00;
    border-bottom: 2px solid #004d71;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}