@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root {
  --stubel-amarillo: #febd59;
  --stubel-rojo: #bf5757;
  --stubel-gris: #707070;
  --stubel-negro: #000000 ;
  --stubel-azul: #12224d;
}
/*Generales Home Stubel*/
.main-stubel-expo p,
.main-stubel-expo a,
.main-stubel-expo div,
.main-stubel-expo section,
.main-stubel-expo a,
.main-stubel-expo button,
.main-stubel-expo,
.cnt-fondo-gris-stubel {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  transition: all 0.15ms ease-in-out;
}

.main-stubel-expo p {
  color: #030303;
  font-family: Helvetica, Arial, sans-serif;
}

img {
  border-style: none;
  display: block;
}

.main-stubel-expo h1,
.main-stubel-expo h2,
.main-stubel-expo h3,
.main-stubel-expo h4,
.main-stubel-expo h5 {
  font-family: "Lato", sans-serif;
  font-weight: bold;
}

#sec-banner-home-stubel .hero-image__body {
  max-width: none;
  min-width: 100vw;
}

.banner-home-stubel {
  padding: 0;
}

.main-stubel-expo .h1 h1 {
  font-size: 4rem !important;
  font-weight: bold;
  padding: 5rem 0 4rem 0;
  text-align: center;
  color: var(--stubel-rojo);
}

.main-stubel-expo .h2 h2 {
  font-size: 4rem !important;
  font-weight: bold;
  padding: 3rem 0;
  text-align: center;
  color: var(--stubel-rojo);
}

.main-stubel-expo .h2sec h2 {
  font-size: 3rem !important;
  padding: 5rem 0;
  padding-top: 0;
}

.main-stubel-expo .layout-content {
  padding: 0;
  max-width: 77%;
  margin: 0 auto;
}

.cnt-banner-home-stubel {
  position: relative;
  z-index: 1;
  height: 100vh;
  width: 100vw;
}

.cnt-banner-home-stubel .cnt-img-titulo {
  position: absolute;
  z-index: 2;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90%;
}

.cnt-banner-home-stubel i {
  font-family: "Font Awesome 6 Free";
  font-size: 150px;
  line-height: 100px;
  color: white;
}

.cnt-banner-home-stubel i:first-child {
  font-size: 100px;
  line-height: 50px;
}

.anim-down-banner {
  display: block;
  position: relative;
}

.anim-down-banner a {
  animation-name: down-cta;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none;
  color: #ffffff;
}

@keyframes down-cta {
  0% {
    top: 100px;
  }

  100% {
    top: 200px;
  }
}

.banner-home-stubel .row {
  padding: 0;
}

.cnt-fondo-banner img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
}

.fondo-amarillo-stubel {
  background-color: var(--stubel-amarillo);
}

.main-stubel-expo p {
  font-size: 1.4rem !important;
}

.main-stubel-expo .modal-dialog {
  max-width: 70%;
}

.cnt-texto-modal {
  border: var(--stubel-rojo) 1px solid;
}

.cnt-contenido-interno-stubel .btn-sin-estilo {
  all: unset;
  cursor: pointer;
}

.cnt-texto-stubel {
  padding-bottom: 32px;
  position: relative;
}

.img-texto-inicial-2 {
  margin-right: -13%;
}

.img-texto-inicial-3 {
  position: absolute;
  left: 95%;
  bottom: 50%;
}

.cnt-img-decorada-roja {
  display: block;
  position: relative;
  z-index: 2;
}

.cnt-img-decorada-roja img {
  z-index: 2;
  position: relative;
  margin: 0 auto;
}

.cnt-img-decorada-roja figure {
  margin: 0;
}

.cnt-img-decorada-roja figcaption {
  width: 46vw;
  padding: 29px 14px;
  position: absolute;
  left: 100%;
  bottom: 0;
  display: block;
  height: 138px;
  display: flex;
  align-items: center;
  background: var(--stubel-rojo);
  color: #dbc7b3;
  bottom: -25px;
  font-size: 1.4rem !important;
  padding-right: 6vw;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.6rem;
  border: var(--stubel-gris) 1px solid;
  border-left: none;
}

.cnt-img-decorada-roja::before {
  content: "";
  display: block;
  background: var(--stubel-rojo);
  border: var(--stubel-gris) 1px solid;
  position: absolute;
  top: -24px;
  left: -9vw;
  width: 90%;
  height: 75px;
  z-index: 1;
}

.cnt-img-decorada-roja::after {
  content: "";
  display: block;
  background: var(--stubel-rojo);
  border: var(--stubel-gris) 1px solid;
  border-right: none;
  position: absolute;
  bottom: -25px;
  right: -10px;
  width: 438px;
  height: 138px;
  z-index: 1;
}

.figura-paddig-left {
  padding-left: 2rem;
  padding-bottom: 8rem;
  padding-right: 3rem;
  display: block;
}

.figure-tabla-2-home img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.figure-tabla-2-home figcaption {
  font-size: 1.3rem !important;
  padding: 15px;
  text-align: center;
  color: var(--stubel-rojo);
}

.figure-tabla-2-home .figcaption {
  font-size: 1.3rem;
  text-align: center;
  color: var(--stubel-rojo);
  padding: 15px;
}

.cnt-lista-img-home-stubel img {
  width: 100%;
  padding: 0 35px;
  display: block;
}

.main-stubel-expo a {
  word-break: break-all;
}

.h2.titulo-menu h2 {
  padding-bottom: 15px;
}

.cnt-fondo-gris-stubel {
  background: #dbc7b3;
}

.titulo-purpura-stubel h2 {
  color: #9e14bf;
}

.cnt-fondo-gris-stubel .boton-studel .button-content {
  background: #9e14bf;
  color: #fff;
  font-size: 1.5rem;
}

.cnt-fondo-gris-stubel .boton-studel .button-content:hover {
  color: #9e14bf;
  background: #fff;
}

#cnt-footer-home-stubel.cnt-footer-home-stubel {
  margin: 3rem 19vw;
  border: 1px #9e14bf solid;
  display: flex;
  align-items: center;
  padding: 80px 10%;
  padding-left: 15%;
  position: relative;
  color: #9e14bf;
  font-size: 30px;
}

.img-footer-stubel {
  position: absolute;
  left: -15%;
  top: 50%;
  transform: translateY(-50%);
}

.bnt-footer-stubel-1 {
  position: absolute;
  bottom: 7%;
  right: 20%;
}

.bnt-footer-stubel-2 {
  position: absolute;
  bottom: 10%;
  right: 3%;
}

#cnt-footer-home-stubel.cnt-footer-home-stubel .block.text-black.block--text {
  z-index: 2;
  position: relative;
  color: #9e14bf;
}

/*END-Generales Home Stubel*/

/*Generales Internas Stubel*/
.bg-stubel-amarillo {
  background-color: var(--stubel-amarillo);
}

.bg-stubel-rojo {
  background-color: var(--stubel-rojo);
}

.h1-stubel {
  font-size: 60px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  color: var(--stubel-rojo);
  text-align: center;
}
.sec-banner-stubel .h1-stubel h1 {
  font-size: 60px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  color: var(--stubel-rojo);
  text-align: center;
}

.h2-rojo {
  font-size: 48px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  color: var(--stubel-rojo);
}

.h2-amarillo {
  font-size: 48px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  color: var(--stubel-amarillo);
}

.ficha-general {
  background-color: #fff;
  padding: 38px;
}
.cnt-cards-stubel .row.row-cards-horiz {
  justify-content: center;
}
.ficha-horizontal {
  margin: 15px 0;
  max-width: 70%;
}
.ficha-general.ficha-horizontal {
    max-width: 70%;
}
/*Cards*/

.card-stubel p {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--stubel-azul);
}

.card-stubel__text {
  margin-top: 2rem;
}

#cartagena .card-stubel .img-base__img {
  min-height: 646px;
  width: 100%;
  height: 646px;
  object-fit: cover;
  object-position: center;
}

#cartagena .card-stubel .img-base {
  position: relative;
  min-height: 646px;
  width: 100%;
}

#cartagena .card-stubel .img-base .img-base__boton:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: var(--stubel-rojo);
  border-radius: 50%;
}

.card-stubel .img-base img {
    margin: 0 auto;
    width: 100%;
    margin-right: 40px;
    object-position: center;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/*END-Generales Internas Stubel*/

/*menu intrernas*/
.menu-internas-stubel .img {
  border-bottom: 1px var(--stubel-gris) solid;
}
.menu-internas-stubel a.nav-link {
  color: var(--stubel-rojo);
}
.menu-internas-stubel a.nav-link:hover,
.menu-internas-stubel a.nav-link.active {
  color: #333;
  font-weight: bold;
}

/* Boton Modales*/
.boton-modal-studel {
  width: 30px;
  height: 30px;
  background: var(--stubel-rojo);
  display: block;
  border-radius: 100px;
  border: 1px var(--stubel-amarillo) solid;
  text-align: center;
  line-height: 30px;
  vertical-align: baseline;
  color: var(--stubel-amarillo);
  font-size: 25px;
  transition: all 150ms ease-in-out;
  animation: pulse 2s infinite;
  cursor: pointer;
}
.boton-modal-studel:hover {
  animation: none;
  transform: scale(1.4);
}
.boton-modal-studel i {
  line-height: 30px;
  vertical-align: baseline;
  color: var(--stubel-amarillo);
  font-size: 25px;
}
.cnt-imagen-modales {
  position: relative;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/*
#btn-habitantes-s1-1 {
  position: absolute;
  left: 30%;
  top: 23%;
}
*/

@media (min-width: 1281px) {
  .toolbar-horizontal.toolbar-tray-open .menu-ur-internacional {
    top: 273px;
  }
}

@media screen and (max-width: 1733px) {
  #cnt-footer-home-stubel.cnt-footer-home-stubel {
    margin: 3rem 13vw;
    padding: 80px 11%;
    padding-left: 22%;
  }
}
@media screen and (max-width: 1660px) {
	.ficha-general.ficha-horizontal {
    max-width: 85%;
	}
}

@media screen and (max-width: 1480px) {
  .main-stubel-expo .layout-content {
    max-width: 75%;
  }

  .main-stubel-expo .h1 h1 {
    font-size: 4rem !important;
  }

  .main-stubel-expo p {
    font-size: 1.2rem !important;
  }

  .cnt-img-titulo img {
    width: 90vw;
    height: auto;
    margin: 0 auto;
  }

  .h2-btn-menu-studel.h2 {
    font-size: 2.5rem !important;
  }
}

@media screen and (max-width: 1280px) {
	.ficha-general.ficha-horizontal {
    max-width: 100%;
	}
  .main-stubel-expo .h1 h1,
  .main-stubel-expo .h2 h2 {
    font-size: 2rem !important;
    padding: 2rem 0;
  }

  .main-stubel-expo p {
    font-size: 1rem !important;
  }

  .main-stubel-expo .layout-content {
    max-width: 90%;
  }

  .cnt-texto-stubel {
    flex-direction: column;
  }

  .img-texto-inicial,
  .img-texto-inicial-2 {
    margin: 0 auto;
  }

  .cnt-fondo-banner img {
    height: 80vh;
    width: 100vw;
    object-fit: cover;
  }

  .cnt-img-decorada-roja {
    margin: 0 auto;
    padding: 0;
  }

  .cnt-img-decorada-roja img {
    margin: 0 auto;
  }

  .cnt-img-decorada-roja::before {
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 75px;
    z-index: 1;
  }

  .cnt-img-decorada-roja::after {
    content: none;
    display: none;
  }

  .cnt-img-decorada-roja figcaption {
    width: 100%;
    padding: 14px;
    position: relative;
    left: 0;
    bottom: 0;
    display: block;
    height: auto;
    display: flex;
    align-items: center;
    background: var(--stubel-rojo);
    color: #dbc7b3;
    bottom: 0;
    font-size: 1rem !important;
    padding-right: auto;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.3rem;
    border: var(--stubel-gris) 1px solid;
    border-left: none;
    margin-top: 10px;
  }

  .img-texto-inicial-3 {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 0 auto;
  }

  .figura-paddig-left {
    padding: 0;
  }

  .cnt-texto-modal {
    margin-top: 25px;
  }

  #cnt-footer-home-stubel.cnt-footer-home-stubel {
    margin: 3rem 13vw;
    padding: 80px 11%;
    padding-left: 32%;
  }

  .cnt-banner-home-stubel .cnt-img-titulo {
    top: 15%;
  }

  #cnt-footer-home-stubel.cnt-footer-home-stubel {
    font-size: 20px;
  }

  .bnt-footer-stubel-1 {
    position: absolute;
    bottom: 7%;
    right: 20%;
    max-width: 200px;
  }

  .bnt-footer-stubel-2 {
    position: absolute;
    bottom: 10%;
    right: 3%;
    max-width: 120px;
  }

  .ficha-horizontal {
    margin: 15px 0;
    max-width: 80%;
  }
}

@media screen and (max-width: 1000px) {
  .img-footer-stubel {
    max-width: 300px;
  }
}

@media only screen and (max-device-width: 999px) and (orientation: portrait) {
  .rotate {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #a7a7a7 url(/sites/default/files/2023-07/rotate.gif) no-repeat
      center center;
    display: block;
    max-width: 100vw;
    max-height: 100vh;
  }
  
}

/**Estilos Movil Horizontal**/
@media only screen and (max-device-width: 999px) and (orientation: landscape) {
        .card-stubel__text {
            max-height: 95vh;
            overflow: auto;
            overflow-x: hidden;
        }
         .boton-modal-studel {
            position: absolute;
            width: 23px;
            height: 23px;
            line-height: 23px;
        }
        /**/
				 .card-stubel .img-base img {
						margin: 0;
				    width: 100%;
						margin-right: 0;
						object-position: center;
						height: auto;
            position: relative;
            top: 0;
            transform: none;
        }
        .boton-modal-studel i{
			    line-height: 20px!important;
			    vertical-align: baseline;
			    color: var(--stubel-amarillo);
			    font-size: 20px!important;
			}

}

#UR-internacional .Banner-internas .carousel-caption h1 {
  font-family: "Poppins", sans-serif;
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1em;
  text-align: left;
}