@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* =========================================================
   Base
========================================================= */

html,
body {
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  color: #000;
}

p {
  line-height: 1.3;
}

a {
  color: #000;
}

a:hover {
  color: #e7581e;
}

blockquote {
   font-size: 1.5em;
  
  font-weight: 400;font-style: oblique
}

/* =========================================================
   Helpers / utilidades
========================================================= */

.mycontainer {
  max-width: 1400px !important;
}

.img-responsive {
  width: 100%;
  height: auto !important;
}

.fone {
  color: #fff;
}
.orange {
  color: #e7581e !important;
}
.green{
  color: #00593d !important;
}
.numero{  font-size: clamp(1.4rem, 2.5vw, 2.2rem);  font-weight: 800; }
.centradol {
  text-align: left;
}

.centrador {
  text-align: right;
}

.zoom {
  transition: transform 0.2s;
}

.zoom:hover {
  transform: scale(1.1);
}

/* =========================================================
   Branding
========================================================= */

.logo {
	width: 100%;

}

.logoinf {
  width: 268px;
}

/* OJO: clases con espacios no son válidas en CSS.
   Sustitución recomendada:
   class="oasis-iberica" y class="oasis-iberica--black"
*/
.oasis-iberica {
   font-size: clamp(1rem, 2.2vw, 1.4rem);
  padding: 10px;
  color: #333333 !important;
  width: auto;
	  font-weight: 300; line-height: 1.2;
}

.oasis-iberica--black {
  background-color: #000;
  padding: 10px;
  color: #fff !important;
  width: auto;
}

/* =========================================================
   Header
========================================================= */

.cd-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
}

.cd-header.active {
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

/* =========================================================
   Alturas / layout
========================================================= */

.alto_cabecero {
  min-height: 380px;
}

.alto_cabecero_con {
  min-height: 700px;
}

.alto_titular {
  margin-top: 5%;
}

.alto_imagenes {
min-height:600px; max-height:600px;width:100%;  object-fit: cover; object-position: 50% 50%;
}

.alto_marca {margin-top: -600px;}
	.alto_sobre {margin-top: -200px;}
.altura {
  margin-top: -250px;
}

.accesos {
  margin-top: -250px;
  padding-bottom: 90px;
}

.situa {
  margin-top: -200px;
}

.tpresenta {
  text-align: center;
}

.tpresentas {
  text-align: center;
  margin-top: 100px;
}

.areat {
  padding-bottom: 15px;
}

/* =========================================================
   Cards / Bootstrap overrides
========================================================= */

.card {
  border: none;
  background-color: transparent !important;
  border-radius: 0;
}

.card-body {
  padding: 1.25rem;
}

.card-body_not {
  padding: 3.25rem;
}

.card.ficha1 {
  border: none;
  background-color: #f7f7f7;
  margin-left: 8px;
  margin-right: 7px;
}

.card.ficha2 {
  border: none;
}

.sticky-top {
  position: sticky;
}

/* =========================================================
   HRs
========================================================= */

hr.peque {
  border: #fff 3px solid;
  width: 4%;
}

hr.hr_green {
  border-top: #004c28 1px solid;
  width: 100%;
}

hr.hr_blue_left {
  border-top: #00427b 2px solid;
  width: 10%;
  text-align: left;
  display: inline-block;
}

/* =========================================================
   Tipografía
========================================================= */


h1 {
  font-size: clamp(1.6rem, 3vw, 2.8rem);
  font-weight: 700;
  color: #00593d; font-style: oblique
}

h1.titular {
  font-size: 54px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

h2.h2_tit {
  font-size: 2.8em;
  font-weight: 200;
  color: #fff !important; text-transform: uppercase 
}

h2.h2_index {
 font-size: clamp(1.4rem, 2.5vw, 2.2rem);
  color: #00593d;
  font-weight: 400;font-style: oblique
}

h2.h2_sombra {
  font-size: 2.8vw;
  font-weight: 600;
  text-shadow: 12px 6px 2px rgba(0, 0, 0, 0.2);
}

h2.h2_p {
  font-size: 3vw;
  font-weight: 600;
}

h2.h2_p_pie {
   font-size: clamp(0.8rem, 1.2vw, 1.1rem);
  font-weight: 400;
  color: #fff;
}

h2.h2_g {
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  font-weight: 400;
  color: #00593d; font-style: oblique
}

h3.h3_tit {
  font-size: 40px;
  color: #3a3543;
}

h3 {
  font-size: 24px;
  
  font-weight: 300;
}

h4 {
  font-size: 1vw;
  font-weight: 300;
}

h5 {
  font-size: 20px;
  color: #fff;  font-weight: 300; text-transform: uppercase
}

h6 {
  font-size: 20px;
  font-weight: 700;
}

h6.faq {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

/* =========================================================
   Iconos / redes
========================================================= */

.ico_redes {
  font-size: 22px;
  color: #053e2d;
  padding: 10px;
  background-color: #fff;
  border-radius: 30px;
}

.ico_redes_red {
  font-size: 22px;
  color: #fff;
  padding: 10px;
  background-color:#00593d;
  border-radius: 30px;
}

.ico_redes_g {
  font-size: 24px;
  color: #374ad1;
  padding: 0 10px;
}

.ico {
  font-size: 40px;
  color: #3a3543;
}

.ico_big {
  font-size: 60px;
  color: #3a3543;
  margin-bottom: 10px;
}

/* =========================================================
   Links “de color”
========================================================= */

.link-azul,
.link-azul:hover,
.link-azul:visited,
.link-azul:visited:hover {
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

.link-blanco,
.link-blanco:hover,
.link-blanco:visited,
.link-blanco:visited:hover {
  color: #fff;
}

.link-gris,
.link-gris:hover,
.link-gris:visited,
.link-gris:visited:hover {
  color: #d1d4d6;
  font-weight: bold;
}

.link-negro,
.link-negro:hover,
.link-negro:visited,
.link-negro:visited:hover {
  color: #333;
}

/* =========================================================
   Footer
========================================================= */

.bordepie {
  border: 1px solid #eee;
}

.padpie {
  padding: 40px 80px;
}

.pie1 {
  color: #00427b;
  padding-top: 40px;
}

.linea-pie {
  background-color: #d1d4d6;
  width: 16px;
  height: 2px;
}

.prodesin {
  padding-bottom: 20px;
}

/* =========================================================
   Secciones home / áreas
========================================================= */

.linea_fondo {
  background-image: url(../images/flecha_busca.png);
  background-repeat: repeat-y;
  background-position: center;
}

.home-equipo {
  position: absolute;
  z-index: 5;
  background-color: #fff;
  height: auto;
  width: 300px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  padding: 23px;
}

.home-areas {
  position: absolute;
  z-index: 5;
  background-color: #fff;
  height: auto;
  width: 300px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  color: #fff;
  padding: 23px;
}

.subtit {
  font-size: 18px;
  color: #00427b;
}

.subtit2 {
  font-size: 18px;
  color: #fff;
}

.areasico-1 {
  background-color: #00427b;
  padding: 15px;
}

.areasico-2 {
  background-color: #0099cc;
  padding: 10px;
}

.area-1 {
  background-color: #f9f9f9;
  padding-top: 20px;
  text-align: left;
}

.area-2 {
  background-color: #f1f1f1;
  padding-top: 20px;
}

/* =========================================================
   Formularios
========================================================= */

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 25px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #a7a7a7;
  background-color: transparent;
  background-clip: padding-box;
  border-bottom: 1px solid #e7581e;
	  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form_select {
  display: block;
  width: 100%;
  height: calc(1em + 0.25rem + 2px);
  padding: 1px;
  font-size: 16px;
  line-height: 1.5;
  color: #3a3543;
  background-color: #fff !important;
  border-bottom: 2px solid #eeeff1;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background: url(../images/flecha_busca.png);
  background-position: right !important;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  padding-left: 20px;
  margin-top: 10px !important;
}

/* =========================================================
   Tabs
========================================================= */

nav > .nav.nav-tabs {
  border: none;
}

nav > div a.nav-item.nav-link_tab {
  padding: 15px 10px;
  color: #014b26;
  font-size: 24px;
  font-weight: 400;
}

nav > div a.nav-item.nav-link_tab.active {
  color: #c2c337;
  background-color: #fff;
}

.tab-content {
  line-height: 25px;
}

nav > div a.nav-item.nav-link_tab:hover,
nav > div a.nav-item.nav-link_tab:focus {
  background: #fff;
  color: #c2c337;
  transition: background 0.2s linear;
  text-decoration: none;
}

.tab {
  height: auto;
  padding: 10px;
}

.tab a {
  display: inline-block;
  padding: 6px 10px;
  text-align: center;
  border-radius: 20px;
  background-color: #ebebeb;
  margin: 0 5px;
  text-decoration: none;
  color: #000;
}

.tab a:hover {
  background-color: #ffcc00;
}

/* =========================================================
   Modal
========================================================= */

.modal {
  background-color: rgba(255, 255, 255, 1) !important;
  z-index: 2000;
}

.modal-body {
  padding: 20px !important;
  border-radius: 0 !important;
}

.modal-content {
  border: none !important;
  border-radius: 0 !important;
}

/* =========================================================
   Galería
========================================================= */

.galeria {
  height: 400px;
}

.fotos_galeria {
  min-height: 400px;
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* =========================================================
   Botones
========================================================= */

.btn {
  border-radius: 0 !important;
  transition: none !important;
}

.btn_fb {
  color: #fff !important;
  padding: 10px 20px;
  background-color: #e7581e;
  text-align: center;
}

.btn_fb:hover {
  color: #fff !important;
  background-color: #666;
  text-decoration: none;
}

.btn_fb_dark {
  
  color: #fff !important;
  padding: 10px 20px;
  background-color: #053e2d;
  text-align: center;
}

.btn_fb_dark:hover {
  color: #fff !important;
  background-color: #e7581e;
  text-decoration: none;
}

.btn_brw {
  color: #fff !important;
  padding: 10px 80px;
  background-color: #e7581e;
  text-align: center;
  border: none;
}

.btn_brw:hover {
  color: #e7581e !important;
  background-color: #fff;
  text-decoration: none;
  border: none;
}

.btn_fv {
  color: #fff !important;
  padding: 5px 60px;
  background-color: #e7581e;
  text-align: center;
}

.btn_fv:hover {
  color: #fff !important;
  background-color: #e7581e;
  text-decoration: none;
}

.btn_fvo {
  color: #fff !important;
  padding: 5px 60px;
  background-color: #e7581e;
  text-align: center;
  border-radius: 10px;
}

.btn_fvo:hover {
  color: #fff !important;
  background-color: #e7581e;
  text-decoration: none;
}

.btn_bb {
  color: #fff !important;
  padding: 15px 60px;
  background-color: transparent;
  text-align: center;
  border: 3px solid #e7581e !important;
  font-size: 1.3rem;
  font-weight: 900;
}

.btn_bb:hover {
  background-color: transparent;
  border: 3px solid #ccc !important;
  text-decoration: none;
}

/* =========================================================
   Nav pills / links
========================================================= */




.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #333 !important;
  background-color: transparent !important;
  border-bottom: 3px solid #752fdd;
}

.nav-pills .nav-link {
  border-radius: 40px;
  color: #333 !important;
  border-bottom: 3px solid #ccc;
  margin-right: 10px;
}

.nav-link {
  position: relative;
  height: 50px;
  margin-left: 10px;
  font-size: 16px;
  padding: 15px;
  color: #000 !important;
 /* text-align: center;*/
  border-radius: 0 !important; text-transform: uppercase
 
}

.nav-link:hover {
  color: #e7581e !important;

}
.activem {
  color: #e7581e !important;

}
/* =========================================================
   Search mini (input expand)
========================================================= */

#searchform {
  display: inline;
  font-size: 1em;
  padding: 0.3em;
}

#s {
  transition: all 0.2s ease-out;
  width: 1px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  opacity: 0;
  color: #fff;
}

#s:focus {
  width: 8em;
  opacity: 1;
}

label {
  padding-left: 1px;
  display: inline-block;
  margin-top: 0.3em;
  position: relative;
  left: 0.1em;
  cursor: pointer;
}

/* =========================================================
   Menú móvil overlay
========================================================= */

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-image: linear-gradient(rgba(5, 62, 45, 0.9), rgba(5, 62, 45, 0.9)),
    url(../images/menu.jpg);
  background-size: cover;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 100px;
}

.overlay ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.overlay ul li {
  transition: 0.9s;
  margin: 0;
  padding: 0;
}

.overlay a {

  text-decoration: none;
  
  color: #fff;
  display: block;
  transition: 0.9s;
  text-transform: uppercase;
}

.overlay a:hover,
.overlay a:focus {
  color: #00593d;
}

.overlay .closebtn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 50px;
  font-weight: 200;
}

/* =========================================================
   Paginación
========================================================= */

.pagination {
  list-style: none outside none;
  margin: 0 auto;
  padding: 0;
}

.pagination > li {
  float: left;
  padding: 1px;
}

.pagination > li > a,
.pagination > li > span {
  float: left;
  padding: 7px 20px;
  margin: 6px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: transparent;
  border: 3px solid #ebebeb;
  color: #00427b;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  border: 3px solid #374ad1;
  padding: 7px 20px;
  color: #000;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  cursor: default;
  padding: 7px 20px;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #ebebeb;
  cursor: not-allowed;
  background-color: transparent;
  border-color: #ebebeb;
  padding: 7px 20px;
}

/* =========================================================
   Media queries
========================================================= */


@media only screen and (max-width: 835px) {
  /* iPad vertical */
	
.alto_marca {margin-top: 0px;}
	.alto_sobre {margin-top: 0px;}

  .logo {
    	width: 100%;
  max-width: 200px;
  }

  .nomovil,
  #nomovil {
    display: none;
  }

  .alto_cabecero {
    min-height: 300px;
  }
}

@media only screen and (min-width: 835px) {
  .solomovil,
  #solomovil {
    display: none;
  }
}

@media only screen and (max-width: 1500px) {
  /* iPad horizontal / pantallas medias */
  .alto_titular {
    margin-top: 25%;
  }
	
	.alto_marca {margin-top: -100px;}
	.alto_sobre {margin-top: -100px;}
	
}

@media only screen and (max-width: 480px) {
  /* iPhone plus */
  html,
  body {
    font-size: 16px;
  }
.alto_imagenes {
min-height:200px; max-height:200px;
}

	.logo{
	width: 100%;
  max-width: 200px;
}


  h2.h2_p {
    font-size: 8vw;
  }



  h4 {
    font-size: 4vw;
  }

  h2.h2_tit {
    font-size: 5.6vw;
  }

  .alto_cabecero {
    min-height: 200px;
  }

  .alto_titular {
    margin-top: 35%;
  }

  .alto_xoanina {
    bottom: -20px;
  }

  .centradol,
  .centrador {
    text-align: center;
  }

  .linea_fondo {
    background-image: none;
  }

}

@media only screen and (max-width: 375px) {
  .alto_titular {
    margin-top: 25%;
  }
}

/*------------------dropdown-menu-----------------------*/
.megamenu .dropdown-menu { background-color:#e7581e; border: none;min-width: auto;
  width: auto;}

.dropdown-menu a{ color: #fff !important;}.dropdown-menu a:hover{ color: #00593d !important;}

.megamenu-wide .dropdown-menu {
  min-width: 40rem;
}

/*------------------dropdown-menu-----------------------*/
.container2 {
  position: relative;
}

.container2 > div {
  position: relative;
}

.image,
.container2 img {
  display: block;
  width: 100%;
  height: auto;
}

.link-overlay {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 0;
}

.overlay2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* líneas */
.container2 > div::before,
.container2 > div::after,
.overlay2::before,
.overlay2 span::before {
  content: "";
  position: absolute;
  background: #e7581e;
  transition: transform .35s ease, opacity .35s ease;
  opacity: 0;
}

/* arriba */
.container2 > div::before {
  top: 15px;
  left: 15px;
  width: 75%;
  height: 4px;
  transform: scaleX(0);
  transform-origin: left;
}

/* izquierda */
.container2 > div::after {
  top: 15px;
  left: 15px;
  width: 4px;
  height: 55%;
  transform: scaleY(0);
  transform-origin: top;
}

/* abajo */
.overlay2::before {
  bottom: 15px;
  right: 15px;
  width: 75%;
  height: 4px;
  transform: scaleX(0);
  transform-origin: right;
}

/* derecha */
.overlay2 span::before {
  bottom: 15px;
  right: 15px;
  width: 4px;
  height: 55%;
  transform: scaleY(0);
  transform-origin: bottom;
}

.container2:hover > div::before,
.container2:hover > div::after,
.container2:hover .overlay2::before,
.container2:hover .overlay2 span::before {
  transform: scale(1);
  opacity: 1;
}

.section-top .fp-tableCell {
  vertical-align: top !important;
}

.video-marco{
  position:relative;

  margin:30px auto;
  padding:40px 30px;
}

/* bloques naranjas */
.video-naranja{
  position:absolute;
  background:#f05a1a;
  z-index:1;
}

.video-naranja-top{
  top:0;
  right:0;
  width:78%;
  height:120px; /* antes 260 */
}

.video-naranja-bottom{
  left:0;
  bottom:0;
  width:30%;
  height:60px; /* antes 120 */
}

/* caja principal del vídeo */
.video-box{
  position:relative;
  z-index:2;
  box-shadow:0 20px 35px rgba(0,0,0,0.22);
  overflow:hidden;
  background:#000;
}

/* vídeo responsive */
.video-box video{
  display:block;
  width:100%;
  height:auto;
}

/* capa verde */
.video-capa-verde{
  position:absolute;
  inset:0;
  background:rgba(31, 104, 87, 0.20);
  pointer-events:none;
}

.mobile-megamenu {
    background: #e7581e;
    color: #fff;
    padding: 25px 30px;
    text-align: left;
}

.mobile-menu-section {
    border-bottom: 1px solid rgba(255,255,255,0.25);
    padding: 10px 0;
}

.mobile-menu-section h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.mobile-menu-section h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 15px 20px 8px;
    text-transform: uppercase;
}

.mobile-menu-link {
    display: block;
    color: #fff !important;
    padding: 7px 30px;
    font-size: 14px;
    text-decoration: none;
}

.mobile-menu-link img {
    max-width: 20px;
    margin-right: 8px;
    vertical-align: middle;
}
.breadcrumb_oasis {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: .75rem 1rem;
  margin: 0 auto 1rem auto;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  width: 100%;
}

.breadcrumb_oasis .breadcrumb-item {
  float: none;
}
  .breadcrumb_oasis {
    justify-content: center;
    font-size: 14px;
    padding: .5rem;
  }
.breadcrumb_oasis .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}
/* Cookie button */
#cookie-settings-link {
  position: fixed;
  bottom: 5px;
  left: 20px;
  z-index: 9999999999;
}