/* defenimos variables */
:root{
    --primario: #f883ca ;    /*Naranja*/
    --secundario: #0f1a58;  /*verde*/
    --terciario: #012630;   /*Naranja 2*/
    --cuartario: #0ba;   /*verde 2*/
    --quintiario: #fbcc02;  /*amarillo*/
    --sextiary: #ff0002;    /*rojo*/
}

@font-face {
    font-family: 'Montserrat';
    src: url("/lib/fonts/Montserrat-VariableFont_wght.ttf");
}
@font-face {
  font-family: "PS";
  src: url("/lib/fonts/Photograph-Signature.ttf");
}
@font-face {
  font-family: "Acumin";
  src: url("/lib/fonts/Acumin-Pro-ExtraLight.ttf");
}
@font-face {
  font-family: "Playlist";
  src: url("/lib/fonts/Playlist.otf");
}
@font-face {
  font-family: "Eyes";
  src: url("/lib/fonts/Eyes\ Wide\ Open\ Personal\ Use.ttf");
}
.font-family-PS{
  font-family: "PS";
}
.font-family-Acumin{
  font-family: "Acumin";
}
.font-family-Playlist{
  font-family: "Playlist";
}
.font-family-Eyes{
  font-family: "Eyes";
}

body{
  font-family: 'Montserrat';
  font-size: 18px;
}

/*Re escribimos estylos de bpptstraṕ*/
.text-primary {
  color: var(--primario) !important;
  border: none !important;
}
.text-secondary {
  color: var(--secundario) !important;
}
.text-terciary {
  color: var(--terciario) !important;
}
.text-cuartiary {
  color: var(--cuartario) !important;
}
.text-gray{
  color: #818181;
}
.bg-primary {
  background-color: var(--primario) !important;
}
.bg-secondary {
  background-color: var(--secundario) !important;
}
.bg-terciary {
  background-color: var(--terciario) !important;
}
.bg-cuartario {
  background-color: var(--cuartario) !important;
}
.bg-sextiary {
  background-color: var(--sextiary) !important;
}
.bg-dark-50{
  background-color: #00000073;
}
.bg-dark-70{
  background-color: #000000a3;
}
.btn-primary {
  background-color: var(--primario) !important;
  color: rgb(255, 255, 255) !important;
  border-color: #000;
}
.btn-secondary {
  background-color: var(--secundario) !important;
}
.btn-terciary {
  background-color: var(--terciario) !important;
}
.border-secondary{
  border-color: var(--secundario);
}
h4, .h4 {
  font-size: 1.6rem;
}
.btn-dark2 {
  color: #fff;
  background-color: var(--primario);
  border-color: #212529;
}
@media (min-width: 1600px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1400px;
    }
}
.ratio-27x10 {
  --bs-aspect-ratio: calc(10 / 27 * 100%);
}
.ratio-30x10 {
  --bs-aspect-ratio: calc(10 / 30 * 100%);
}
.ratio-40x10 {
  --bs-aspect-ratio: calc(10 / 40 * 100%);
}
.ratio-50x10 {
  --bs-aspect-ratio: calc(10 / 50 * 100%);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menux .nav-item{
  margin: 0 20px;
  border-bottom: 1px solid transparent;
}
#menux .nav-link{
  /*background: var(--primario);*/
  color: #fff;
  border-radius: 5px;
  font-weight: 900;   
}
#menux .nav-item:hover{
  border-bottom: 1px solid #ffc107;
}


.border-gray {
  border-color: #cecece !important;
}
.font-s14{
  font-size: 14px;
}
.font-s16{
  font-size: 16px;
}
.font-s18{
  font-size: 18px;
}
.font-s20{
  font-size: 20px;
}
.font-s22{
  font-size: 22px;
}
.font-s24{
  font-size: 24px;
}
.font-s40 {
  font-size: 40px;
}
.social-links a{    
  display: flex !important;
  /*border-radius: 50%;*/
  /*border: #fff 2px solid;*/
  font-size: 17px;
  /*height: 35px;*/
  width: 35px;
  color: white;
  /*background-color: var(--primario);*/
}
.social-links a > *{
  margin: auto;
}
.social-links2 a{  
  background-color: var(--primario) !important;
  display: flex !important;
  border-radius: 50%;
  border: #fff 1px solid;
  font-size: 20px;
  height: 30px;
  width: 30px;
  color: #fff;
}
.social-links2 a > *{
  margin: auto;
}
.social-links3 a{  
  font-size: 20px;  
  color: white;
}
.social-links3 a > *{
  margin: auto;
}
.max-text{
  height: 112px;
  overflow-y: auto;
}
.radius_pill{
  border-radius: 118px;  
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.map-container .location {
  z-index: 2;
  bottom: -70px;  
}
.social-links a:hover {
  background-color: var(--primario) !important;  
  color: #fff !important;
}
.over-flow-hidden{
  overflow: hidden;
}
.rounded-5 {
  border-radius: 0.5rem !important;
}
.listing-type{
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
}
.caracter-primary::first-letter{
  color: var(--primario);
}
.caracter-secundario::first-letter{
  color: var(--secundario);
}
.h-72px{
  height: 72px;
}
.bg-1{
  background-image: url(/img/landing/hojas-rosa.png);
  background-size: contain;
}
.border-box{
  border: 1px solid;
}
.list-style-none{
  list-style: none;
}
.section-header{
  padding-bottom: 0 !important;
  background-color: #fff !important;
}
.section-header > *{
  display: flex;  
  justify-content: end;
}
.section-header h4{  
  background-color: var(--primario);
  background: linear-gradient(
    330deg, 
    var(--primario) 80%, 
    transparent 80%, 
    transparent 83%, 
    var(--primario) 83%, 
    var(--primario) 88%, 
    transparent 88%
  );
  padding: 0 !important;
  text-align: end;
  color: white !important;
  margin-top: 20px;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  width: 50%;
}
.bottom--100px{
  bottom: -100px;
}
.barra-title{
  background: var(--primario);
  background: linear-gradient(330deg, var(--primario) 80%, transparent 80%, transparent 83%, var(--primario) 83%, var(--primario) 88%, transparent 88%);
}
.barra-title-2{
  background: var(--secundario);
  background: linear-gradient(45deg, var(--secundario) 80%, transparent 80%, transparent 83%, var(--secundario) 83%, var(--secundario) 88%, transparent 88%);
}
.bg-footer{
  /*
  background: var(--primario);
  background: linear-gradient(
    0deg, 
    transparent 10%, 
    var(--primario) 10%, 
    var(--primario) 13%, 
    transparent 13%, 
    transparent 15%, 
    var(--primario) 15%
  );
  */
  background-image: url(/img/bg-footer.jpg);
  background-size: cover;
}
.main-features p{
  font-size: 12px;
}
.z-index-10{
  z-index: 10;
}
.z-index-20{
  z-index: 20;
}
.z-index-30{
  z-index: 30;
}
.z-index-40{
  z-index: 40;
}
.z-index-50{
  z-index: 50;
}
.z-index-60{
  z-index: 60;
}
.degradado{
  position: relative;
}
.degradado::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;  
  /*background: linear-gradient(0deg, rgba(0,0,0,0.30) 75%, #0f4452 90%); */
  background-color: #05050578;
  z-index: 1;  
}
.ui-widget.ui-widget-content {
  border: 1px solid #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {  
  background: #ffffff url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
  
}
.etiqueta {
  position: absolute;
  left: -5px;
  background: var(--primario);
  color: #fff;
  text-transform: uppercase;
  padding: 3px 15px;
  font-weight: 600;
  top: 10px;
  /*transform: rotate(-45deg);*/
  transform-origin: 50% 100%;
}
.etiqueta:after {
  position: absolute;
  right: 0;
  bottom: -5px;
  border-top: 5px solid var(--primario);
  width: 5px;
  content: " ";
  display: block;
  border-right: 5px solid var(--primario);
}
.etiqueta::before {
  position: absolute;
  left: 0;
  top: -5px;
  border-top: 5px solid var(--primario);
  width: 5px;
  content: " ";
  display: block;
  border-right: 5px solid var(--primario);
}
.efectx .oculto{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.5s;
  background-color: #000000a1;
}
.efectx:hover .oculto{
  position: absolute;    
  opacity: 1;
}
.border-dashed{
  border-style: dashed;
  border-width: 1px;
  border-color: #b5b5b5;
}
#myTab .nav-link{
  border: 0;  
  color: #ffffff;
  margin: 0 10px;
  background-color: var(--primario);
  margin-bottom: -1px;
}
#myTab .nav-link.active{
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
  border-bottom: 1px solid var(--primario);
  
}

header{
  /*background: linear-gradient(0deg, rgba(0,0,0,0.30) 0%, #0f4452 15%); */
  /*background-color: #000;*/
}

.object-fit-contain{
  object-fit: contain;
}
.object-fit-cover{
  object-fit: cover;
}
.object-fit-cover-2{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.ratio-md-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.w-100vw{
  width: 100vw;
}
.h-100vh{
  height: 100vh;
}
.over-flow-hidden:hover .ocultox{
  display: block;
}
.ocultox{
  display: none;
  background-color: #0006;
  transition: all 1s;
}
.height-fit-content{
  height: fit-content !important;
}
.text-shadow{
  text-shadow: #0000007d 1px 1px 7px;
}
.text-shadow-2{
  text-shadow: #000 3px 1px 7px;
}
.start--80px{
  left: -80px;
}
.position-md-absolute{
  position: absolute;
}
.bg-primary-50{
  background-color: #e895757a;
}
.overflow-y-auto{
  overflow-y: auto;
}
.bg-light{
  background-color: #e2e4e6 !important;
}

@media (max-width: 800px){
    .display-2{
        font-size: calc(0.575rem + 3vw) !important;
    }
    #main_menu.navbar .nav-link {
      color: var(--color-header_links, #000);
    }
    #navbarSupportedContent{
      background-color: var(--secundario);
    }
    .ratio-md-21x9 {
      --bs-aspect-ratio: calc(21 / 21 * 100%);
    }
    .start--80px{
      left: 0;
    }
    .position-md-absolute{
      position: relative;
    }
    /*
    .form-home{
      background-color: #f8f9fa !important;
      border: 0 !important;
    }
    */
    .estilo-1{
      font-weight: 900;
    }
}