/* -------------------- Banner -------------------- */ .container-experiencia{ background-image: url(../img/tam_DesktopGD/experiencia_header.png); transform: translateY(0); position: relative; z-index: 1000; } /* -------------------- Resumen -------------------- */ .container-resumen{ width: 100%; margin: 0 auto; text-align: center; padding: 5rem 0 12rem; box-shadow: none; background-color: var(--primario); position: relative; box-shadow: var(--boxShadow); z-index: 400; } .container-resumen h3{ margin: auto; padding-top: 0; min-width: 60ch; max-width: 90ch; color: var(--blanco); transform: translateY(6rem); } /* -------------------- Secciones Experiencia -------------------- */ .titulo{ display: flex; flex-direction: column; align-items: baseline; margin: 0 1rem; width: fit-content; border-bottom: solid var(--primario) .2rem; } .titulo h6{ padding-left: 0; text-indent: 0; } .titulo h6::before{ content: ""; } /* -------------------- Secciones Experiencia -------------------- */ #aeropuertos{ position: relative; z-index: 900; } #seguridad{ position: relative; z-index: 800; } /* -------------------- Aeropuertos -------------------- */ /* No se cambian */ .container-servicio{ padding: 0; position: relative; margin-top: 0 !important; padding-top: 0 !important; } .contenedor-all .contenedor-texto .cajas .caja-dos .gerencia{ background-image: url(../img/servicios_gerencia.png); } .contenedor-all .contenedor-texto .cajas .caja-dos .revision{ background-image: url(../img/servicios_revision.png); } .contenedor-all .contenedor-texto .cajas .caja-dos .levantamiento{ background-image: url(../img/servicios_levantamiento.png); } .contenedor-all .contenedor-texto .cajas .caja-dos .diseño{ background-image: url(../img/servicios_diseño.png); } .contenedor-all .contenedor-texto .cajas .caja-dos .modelado{ background-image: url(../img/servicios_modelado.png); } .contenedor-all .slide-content{ display: flex !important; flex-direction: column-reverse !important; } .contenedor-all .slidesLineas { height: 3rem; } .contenedor-all .slidesLineas{ width: 100%; height: 1rem; margin: 2rem 0 0 0; display: flex; } .contenedor-all .slidesLineas .linea{ background-color: var(--terciario); margin: 0 .5rem; border-radius: 2rem; height: .2rem; width: 1.2rem; } .contenedor-all .slidesLineas .active{ width: 3rem; height: .3rem; background-color: var(--primario); } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja ul li{ overflow: hidden; } /* Duplican */ #aeropuerto-001, #aeropuerto-003, #aeropuerto-005, #aeropuerto-007, #aeropuerto-009{ background-color: #00000000; } #aeropuerto-002, #aeropuerto-004, #aeropuerto-006, #aeropuerto-008, #aeropuerto-010{ background-color: var(--blanco); } .aeropuerto-001 .contenedor-all, .aeropuerto-002 .contenedor-all, .aeropuerto-003 .contenedor-all, .aeropuerto-004 .contenedor-all, .aeropuerto-005 .contenedor-all, .aeropuerto-006 .contenedor-all, .aeropuerto-007 .contenedor-all, .aeropuerto-008 .contenedor-all, .aeropuerto-009 .contenedor-all, .aeropuerto-010 .contenedor-all{ display: flex; justify-content: space-evenly; align-items: center; } .aeropuerto-001 .contenedor-all .contenedor-imagenes, .aeropuerto-002 .contenedor-all .contenedor-imagenes, .aeropuerto-003 .contenedor-all .contenedor-imagenes, .aeropuerto-004 .contenedor-all .contenedor-imagenes, .aeropuerto-005 .contenedor-all .contenedor-imagenes, .aeropuerto-006 .contenedor-all .contenedor-imagenes, .aeropuerto-007 .contenedor-all .contenedor-imagenes, .aeropuerto-008 .contenedor-all .contenedor-imagenes, .aeropuerto-009 .contenedor-all .contenedor-imagenes, .aeropuerto-010 .contenedor-all .contenedor-imagenes{ width: 100%; height: 80vh; max-height: 90rem; padding: 2rem 1rem; } .aeropuerto-001 .contenedor-all .contenedor-texto, .aeropuerto-002 .contenedor-all .contenedor-texto, .aeropuerto-003 .contenedor-all .contenedor-texto, .aeropuerto-004 .contenedor-all .contenedor-texto, .aeropuerto-005 .contenedor-all .contenedor-texto, .aeropuerto-006 .contenedor-all .contenedor-texto, .aeropuerto-007 .contenedor-all .contenedor-texto, .aeropuerto-008 .contenedor-all .contenedor-texto, .aeropuerto-009 .contenedor-all .contenedor-texto, .aeropuerto-010 .contenedor-all .contenedor-texto{ width: 55rem !important; display: flex; flex-direction: column; justify-content: center; margin: 0 2rem; } /* -- Texto -- */ .aeropuerto-001 .contenedor-all .contenedor-texto .cajas, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; overflow: visible; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja-dos, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja-dos{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: start; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 100%; height: 5rem; margin-bottom: 1rem; display: flex; flex-direction: row; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 100%; height: 5rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja-dos ul{ list-style-position: inside; text-indent: -2rem; width: 100%; height: 100%; padding-left: .5rem; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja-dos ul li{ list-style-position: inside; text-indent: -2.1rem; padding: .4rem 2.1rem; font-weight: 400; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo{ list-style: none; text-align: center; padding: 1rem 0 .5rem 0; font-weight: 900 !important; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja span, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja span{ font-weight: 600; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas h4, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas h4{ text-align: center; margin-bottom: 1rem; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja a, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja a{ text-decoration: none; } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja a i, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja a i{ font-size: 1.8rem; font-weight: 700; color: var(--negro); text-decoration: none; text-indent: 0; padding-left: .5rem; transform: translateY(.4rem); transition: var(--transitions); } .aeropuerto-001 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-002 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-003 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-004 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-005 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-006 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-007 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-008 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-009 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .aeropuerto-010 .contenedor-all .contenedor-texto .cajas .caja a i:hover{ transform: translateX(.5rem); font-weight: 700; color: var(--primario); } /* -- Slider -- */ .aeropuerto-001 .cont-imagen-slide, .aeropuerto-002 .cont-imagen-slide, .aeropuerto-003 .cont-imagen-slide, .aeropuerto-004 .cont-imagen-slide, .aeropuerto-005 .cont-imagen-slide, .aeropuerto-006 .cont-imagen-slide, .aeropuerto-007 .cont-imagen-slide, .aeropuerto-008 .cont-imagen-slide, .aeropuerto-009 .cont-imagen-slide, .aeropuerto-010 .cont-imagen-slide{ width: 100%; height: 100%; } .aeropuerto-001 .slideshow-container, .aeropuerto-002 .slideshow-container, .aeropuerto-003 .slideshow-container, .aeropuerto-004 .slideshow-container, .aeropuerto-005 .slideshow-container, .aeropuerto-006 .slideshow-container, .aeropuerto-007 .slideshow-container, .aeropuerto-008 .slideshow-container, .aeropuerto-009 .slideshow-container, .aeropuerto-010 .slideshow-container{ width: 100%; height: 100%; position: relative; max-width: none; margin: 0 auto; overflow: hidden; } .aeropuerto-001 .slide, .aeropuerto-002 .slide-002, .aeropuerto-003 .slide-003, .aeropuerto-004 .slide-004, .aeropuerto-005 .slide-005, .aeropuerto-006 .slide-006, .aeropuerto-007 .slide-007, .aeropuerto-008 .slide-008, .aeropuerto-009 .slide-009, .aeropuerto-010 .slide-010{ display: none; width: 90%; height: 100%; margin: auto; overflow: hidden; } .aeropuerto-001 .slide-content, .aeropuerto-002 .slide-content, .aeropuerto-003 .slide-content, .aeropuerto-004 .slide-content, .aeropuerto-005 .slide-content, .aeropuerto-006 .slide-content, .aeropuerto-007 .slide-content, .aeropuerto-008 .slide-content, .aeropuerto-009 .slide-content, .aeropuerto-010 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } .aeropuerto-001 .slide-content .imagen, .aeropuerto-002 .slide-content .imagen, .aeropuerto-003 .slide-content .imagen, .aeropuerto-004 .slide-content .imagen, .aeropuerto-005 .slide-content .imagen, .aeropuerto-006 .slide-content .imagen, .aeropuerto-007 .slide-content .imagen, .aeropuerto-008 .slide-content .imagen, .aeropuerto-009 .slide-content .imagen, .aeropuerto-010 .slide-content .imagen{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .aeropuerto-001 .prev, .aeropuerto-002 .prev, .aeropuerto-003 .prev, .aeropuerto-004 .prev, .aeropuerto-005 .prev, .aeropuerto-006 .prev, .aeropuerto-007 .prev, .aeropuerto-008 .prev, .aeropuerto-009 .prev, .aeropuerto-010 .prev{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .aeropuerto-001 .next, .aeropuerto-002 .next, .aeropuerto-003 .next, .aeropuerto-004 .next, .aeropuerto-005 .next, .aeropuerto-006 .next, .aeropuerto-007 .next, .aeropuerto-008 .next, .aeropuerto-009 .next, .aeropuerto-010 .next{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); right: 0; } .aeropuerto-001 .prev:hover, .aeropuerto-002 .prev:hover, .aeropuerto-003 .prev:hover, .aeropuerto-004 .prev:hover, .aeropuerto-005 .prev:hover, .aeropuerto-006 .prev:hover, .aeropuerto-007 .prev:hover, .aeropuerto-008 .prev:hover, .aeropuerto-009 .prev:hover, .aeropuerto-010 .prev:hover{ color: var(--blanco); background-color: var(--primario); } .aeropuerto-001 .next:hover, .aeropuerto-002 .next:hover, .aeropuerto-003 .next:hover, .aeropuerto-004 .next:hover, .aeropuerto-005 .next:hover, .aeropuerto-006 .next:hover, .aeropuerto-007 .next:hover, .aeropuerto-008 .next:hover, .aeropuerto-009 .next:hover, .aeropuerto-010 .next:hover{ color: var(--blanco); background-color: var(--primario); } .aeropuerto-001 .fade, .aeropuerto-002 .fade, .aeropuerto-003 .fade, .aeropuerto-004 .fade, .aeropuerto-005 .fade, .aeropuerto-006 .fade, .aeropuerto-007 .fade, .aeropuerto-008 .fade, .aeropuerto-009 .fade, .aeropuerto-010 .fade{ animation: fade 6s linear infinite; } /* -------------------- Aeropuerto_001 -------------------- */ #aeropuerto-001{ z-index: 898; } .aeropuerto-001 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_01_001.png); } .aeropuerto-001 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_01_002.png); } /* -------------------- Aeropuerto_002 -------------------- */ #aeropuerto-002{ z-index: 896; } .aeropuerto-002 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_02_001.png); } .aeropuerto-002 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_02_002.png); } .aeropuerto-002 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_02_003.png); } .aeropuerto-002 .slide-content .img-cuatro{ background-image: url(../img/tam_DesktopGD/experiencia_aeropuertos_02_004.png); } .aeropuerto-002 .slide-content .img-cinco{ background-image: url(../img/tam_DesktopGD/experiencia_aeropuertos_02_005.png); background-size: contain !important; } .aeropuerto-002 .slide-content .img-seis{ background-image: url(../img/experiencia_aeropuertos_02_006.png); } .aeropuerto-002 .slide-content .img-siete{ background-image: url(../img/experiencia_aeropuertos_02_007.png); } .aeropuerto-002 .slide-content .img-ocho{ background-image: url(../img/experiencia_aeropuertos_02_008.png); } .aeropuerto-002 .slide-content .img-nueve{ background-image: url(../img/experiencia_aeropuertos_02_009.png); } /* -------------------- Aeropuerto_003 -------------------- */ #aeropuerto-003{ z-index: 894; } .aeropuerto-003 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_03_001.png); } .aeropuerto-003 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_03_002.png); } .aeropuerto-003 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_03_003.png); } .aeropuerto-003 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_03_004.png); } .aeropuerto-003 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_03_005.png); background-size: contain !important; } /* -------------------- Aeropuerto_004 -------------------- */ #aeropuerto-004{ z-index: 892; } .aeropuerto-004 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_04_001.png); } .aeropuerto-004 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_04_002.png); } .aeropuerto-004 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_04_003.png); } .aeropuerto-004 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_04_004.png); } .aeropuerto-004 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_04_005.png); } /* -------------------- Aeropuerto_005 -------------------- */ #aeropuerto-005{ z-index: 890; } .aeropuerto-005 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_05_001.png); } .aeropuerto-005 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_05_002.png); } .aeropuerto-005 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_05_003.png); } .aeropuerto-005 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_05_004.png); } .aeropuerto-005 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_05_005.png); background-position: center bottom !important; } .aeropuerto-005 .slide-content .img-seis{ background-image: url(../img/experiencia_aeropuertos_05_006.png); } /* -------------------- Aeropuerto_006 -------------------- */ #aeropuerto-006{ z-index: 888; } .aeropuerto-006 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_06_001.png); } .aeropuerto-006 .slide-content .img-dos{ background-image: url(../img/tam_DesktopGD/experiencia_aeropuertos_06_002.png); background-position: center top !important; } .aeropuerto-006 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_06_003.png); } .aeropuerto-006 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_06_004.png); } .aeropuerto-006 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_06_005.png); } .aeropuerto-006 .slide-content .img-seis{ background-image: url(../img/experiencia_aeropuertos_06_006.png); } /* -------------------- Aeropuerto_007 -------------------- */ #aeropuerto-007{ z-index: 888; } .aeropuerto-007 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_07_001.png); } .aeropuerto-007 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_07_002.png); } .aeropuerto-007 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_07_003.png); } .aeropuerto-007 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_07_004.png); } .aeropuerto-007 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_07_005.png); } /* -------------------- Aeropuerto_008 -------------------- */ #aeropuerto-008{ z-index: 888; } .aeropuerto-008 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_08_001.png); background-position: center top !important; } .aeropuerto-008 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_08_002.png); } .aeropuerto-008 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_08_003.png); } .aeropuerto-008 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_08_004.png); } .aeropuerto-008 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_08_005.png); } .aeropuerto-008 .slide-content .img-seis{ background-image: url(../img/experiencia_aeropuertos_08_006.png); } .aeropuerto-008 .slide-content .img-siete{ background-image: url(../img/experiencia_aeropuertos_08_007.png); } .aeropuerto-008 .slide-content .img-ocho{ background-image: url(../img/experiencia_aeropuertos_08_008.png); } .aeropuerto-008 .slide-content .img-nueve{ background-image: url(../img/tam_DesktopGD/experiencia_aeropuertos_08_009.png); } .aeropuerto-008 .slide-content .img-diez{ background-image: url(../img/experiencia_aeropuertos_08_010.png); } .aeropuerto-008 .slide-content .img-once{ background-image: url(../img/experiencia_aeropuertos_08_011.png); } .aeropuerto-008 .slide-content .img-doce{ background-image: url(../img/experiencia_aeropuertos_08_012.png); } .aeropuerto-008 .slide-content .img-trece{ background-image: url(../img/tam_DesktopGD/experiencia_aeropuertos_08_013.png); } /* -------------------- Aeropuerto_009 -------------------- */ #aeropuerto-009{ z-index: 888; } .aeropuerto-009 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_09_001.png); } .aeropuerto-009 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_09_002.png); } .aeropuerto-009 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_09_003.png); } /* -------------------- Aeropuerto_010 -------------------- */ #aeropuerto-010{ z-index: 888; } .aeropuerto-010 .slide-content .img-uno{ background-image: url(../img/experiencia_aeropuertos_10_001.png); } .aeropuerto-010 .slide-content .img-dos{ background-image: url(../img/experiencia_aeropuertos_10_002.png); } .aeropuerto-010 .slide-content .img-tres{ background-image: url(../img/experiencia_aeropuertos_10_003.png); } .aeropuerto-010 .slide-content .img-cuatro{ background-image: url(../img/experiencia_aeropuertos_10_004.png); } .aeropuerto-010 .slide-content .img-cinco{ background-image: url(../img/experiencia_aeropuertos_10_005.png); } /* ---------- SEGURIDAD ---------- */ /* Duplican */ #seguridad-001, #seguridad-003{ background-color: var(--gris); } #seguridad-002, #seguridad-004{ background-color: var(--blanco); } .seguridad-001 .contenedor-all, .seguridad-002 .contenedor-all, .seguridad-003 .contenedor-all, .seguridad-004 .contenedor-all{ display: flex; justify-content: space-evenly; align-items: center; } .seguridad-001 .contenedor-all .contenedor-imagenes, .seguridad-002 .contenedor-all .contenedor-imagenes, .seguridad-003 .contenedor-all .contenedor-imagenes, .seguridad-004 .contenedor-all .contenedor-imagenes{ width: 100%; height: 80vh; max-height: 90rem; padding: 2rem 1rem; } .seguridad-001 .contenedor-all .contenedor-texto, .seguridad-002 .contenedor-all .contenedor-texto, .seguridad-003 .contenedor-all .contenedor-texto, .seguridad-004 .contenedor-all .contenedor-texto{ width: 55rem !important; display: flex; flex-direction: column; justify-content: center; margin: 0 2rem; } /* -- Texto -- */ .seguridad-001 .contenedor-all .contenedor-texto .cajas, .seguridad-002 .contenedor-all .contenedor-texto .cajas, .seguridad-003 .contenedor-all .contenedor-texto .cajas, .seguridad-004 .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja-dos, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja-dos, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja-dos, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja-dos{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: start; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 100%; height: 5rem; margin-bottom: 1rem; display: flex; flex-direction: row; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 100%; height: 5rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo{ list-style: none; text-align: center; padding: 1rem 0 .5rem 0; font-weight: 900 !important; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul{ list-style-position: inside; text-indent: -2rem; width: 100%; height: 100%; padding-left: .5rem; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul li{ list-style-position: inside; text-indent: -2.1rem; padding: .4rem 2.1rem; font-weight: 400; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja span, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja span, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja span, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja span{ font-weight: 600; } .seguridad-001 .contenedor-all .contenedor-texto .cajas h4, .seguridad-002 .contenedor-all .contenedor-texto .cajas h4, .seguridad-003 .contenedor-all .contenedor-texto .cajas h4, .seguridad-004 .contenedor-all .contenedor-texto .cajas h4{ text-align: center; margin-bottom: 1rem; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja a, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja a, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja a, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja a{ text-decoration: none; } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja a i, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja a i, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja a i, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja a i{ font-size: 1.8rem; font-weight: 700; color: var(--negro); text-decoration: none; text-indent: 0; padding-left: .5rem; transform: translateY(.4rem); transition: var(--transitions); } .seguridad-001 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .seguridad-002 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .seguridad-003 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .seguridad-004 .contenedor-all .contenedor-texto .cajas .caja a i:hover{ transform: translateX(.5rem); font-weight: 700; color: var(--primario); } /* -- Slider -- */ .seguridad-001 .cont-imagen-slide, .seguridad-002 .cont-imagen-slide, .seguridad-003 .cont-imagen-slide, .seguridad-004 .cont-imagen-slide{ width: 100%; height: 100%; } .seguridad-001 .slideshow-container, .seguridad-002 .slideshow-container, .seguridad-003 .slideshow-container, .seguridad-004 .slideshow-container{ width: 100%; height: 100%; position: relative; max-width: none; margin: 0 auto; overflow: hidden; } /* Imagen fija */ .seguridad-001 .slideSeg-001, .seguridad-002 .slideSeg-002{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } .seguridad-003 .slideSeg-003, .seguridad-004 .slideSeg-004{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } /* Imagen fija */ .seguridad-001 .slide-content, .seguridad-002 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } .seguridad-003 .slide-content, .seguridad-004 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } /* Imagen fija */ .seguridad-001 .slide-content .imagen, .seguridad-002 .slide-content .imagen{ display: flex; background-position: bottom right; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } /* .seguridad-001 .slide-content .imagen, .seguridad-002 .slide-content .imagen, */ .seguridad-003 .slide-content .imagen, .seguridad-004 .slide-content .imagen{ background-position: center right; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } /* .seguridad-001 .prev, .seguridad-002 .prev, */ .seguridad-003 .prev, .seguridad-004 .prev{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } /* .seguridad-001 .next, .seguridad-002 .next, */ .seguridad-003 .next, .seguridad-004 .next{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } /* .seguridad-001 .next, .seguridad-002 .next, */ .seguridad-003 .next, .seguridad-004 .next{ right: 0; } /* .seguridad-001 .prev:hover, .seguridad-002 .prev:hover, */ .seguridad-003 .prev:hover, .seguridad-004 .prev:hover{ color: var(--blanco); background-color: var(--primario); } /* .seguridad-001 .next:hover, .seguridad-002 .next:hover, */ .seguridad-003 .next:hover, .seguridad-004 .next:hover{ color: var(--blanco); background-color: var(--primario); } /* .seguridad-001 .fade, .seguridad-002 .fade, */ .seguridad-003 .fade, .seguridad-004 .fade{ animation: fade 6s linear infinite; } /* -------------------- seguridad_001 -------------------- */ #seguridad-001{ z-index: 898; } .seguridad-001 .slide-content .img-uno{ background-image: url(../img/experiencia_seguridad_vistaRestringida.png); } /* -------------------- seguridad_002 -------------------- */ #seguridad-002{ z-index: 896; } .seguridad-002 .slide-content .img-uno{ background-image: url(../img/experiencia_seguridad_vistaRestringida.png); } /* -------------------- seguridad_003 -------------------- */ #seguridad-003{ z-index: 894; } .seguridad-003 .slide-content .img-uno{ background-image: url(../img/experiencia_seguridad_03_001.png); } .seguridad-003 .slide-content .img-dos{ background-image: url(../img/experiencia_seguridad_03_002.png); } /* -------------------- seguridad_004 -------------------- */ #seguridad-004{ z-index: 894; } .seguridad-004 .slide-content .img-uno{ background-image: url(../img/experiencia_seguridad_03_001.png); } .seguridad-004 .slide-content .img-dos{ background-image: url(../img/experiencia_seguridad_03_002.png); } /* ---------- SEDES ---------- */ /* Duplican */ #sedes-001, #sedes-003{ background-color: var(--gris); } #sedes-002{ background-color: var(--blanco); } .sedes-001 .contenedor-all, .sedes-002 .contenedor-all, .sedes-003 .contenedor-all{ display: flex; justify-content: space-evenly; align-items: center; } .sedes-001 .contenedor-all .contenedor-imagenes, .sedes-002 .contenedor-all .contenedor-imagenes, .sedes-003 .contenedor-all .contenedor-imagenes{ width: 100%; height: 80vh; max-height: 90rem; padding: 2rem 1rem; } .sedes-001 .contenedor-all .contenedor-texto, .sedes-002 .contenedor-all .contenedor-texto, .sedes-003 .contenedor-all .contenedor-texto{ width: 55rem !important; display: flex; flex-direction: column; justify-content: center; margin: 0 2rem; } /* -- Texto -- */ .sedes-001 .contenedor-all .contenedor-texto .cajas, .sedes-002 .contenedor-all .contenedor-texto .cajas, .sedes-003 .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja-dos, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja-dos, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja-dos{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: start; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 100%; height: 5rem; margin-bottom: 1rem; display: flex; flex-direction: row; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo{ list-style: none; text-align: center; padding: 1rem 0 .5rem 0; font-weight: 900 !important; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 100%; height: 5rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul{ list-style-position: inside; text-indent: -2rem; width: 100%; height: 100%; padding-left: .5rem; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul li{ list-style-position: inside; text-indent: -2.1rem; padding: .4rem 2.1rem; font-weight: 400; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja span, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja span, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja span{ font-weight: 600; } .sedes-001 .contenedor-all .contenedor-texto .cajas h4, .sedes-002 .contenedor-all .contenedor-texto .cajas h4, .sedes-003 .contenedor-all .contenedor-texto .cajas h4{ text-align: center; margin-bottom: 1rem; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja a, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja a, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja a{ text-decoration: none; } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja a i, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja a i, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja a i{ font-size: 1.8rem; font-weight: 700; color: var(--negro); text-decoration: none; text-indent: 0; padding-left: .5rem; transform: translateY(.4rem); transition: var(--transitions); } .sedes-001 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .sedes-002 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .sedes-003 .contenedor-all .contenedor-texto .cajas .caja a i:hover{ transform: translateX(.5rem); font-weight: 700; color: var(--primario); } /* -- Slider -- */ .sedes-001 .cont-imagen-slide, .sedes-002 .cont-imagen-slide, .sedes-003 .cont-imagen-slide{ width: 100%; height: 100%; } .sedes-001 .slideshow-container, .sedes-002 .slideshow-container, .sedes-003 .slideshow-container{ width: 100%; height: 100%; position: relative; max-width: none; margin: 0 auto; overflow: hidden; } .sedes-001 .slideSed-001{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } /* Imagen fija */ .sedes-002 .slideSed-002, .sedes-003 .slideSed-003{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } /* Imagen fija */ .sedes-002 .slide-content, .sedes-003 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } .sedes-001 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } /* Imagen fija */ .sedes-002 .slide-content .imagen, .sedes-003 .slide-content .imagen{ display: flex; background-position: bottom right; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .sedes-001 .slide-content .imagen{ background-position: center right; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .sedes-001 .prev{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .sedes-001 .next{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .sedes-001 .next{ right: 0; } .sedes-001 .prev:hover{ color: var(--blanco); background-color: var(--primario); } .sedes-001 .next:hover{ color: var(--blanco); background-color: var(--primario); } .sedes-001 .fade{ animation: fade 6s linear infinite; } /* -------------------- sedes_001 -------------------- */ #sedes-001{ z-index: 898; } .sedes-001 .slide-content .img-uno{ background-image: url(../img/experiencia_sedes_01_001.png); } .sedes-001 .slide-content .img-dos{ background-image: url(../img/experiencia_sedes_01_002.png); } .sedes-001 .slide-content .img-tres{ background-image: url(../img/experiencia_sedes_01_003.png); } .sedes-001 .slide-content .img-cuatro{ background-image: url(../img/experiencia_sedes_01_004.png); } .sedes-001 .slide-content .img-cinco{ background-image: url(../img/experiencia_sedes_01_005.png); } .sedes-001 .slide-content .img-seis{ background-image: url(../img/experiencia_sedes_01_006.png); } /* -------------------- sedes_002 -------------------- */ #sedes-002{ z-index: 896; } .sedes-002 .slide-content .img-uno{ background-image: url(../img/experiencia_seguridad_vistaRestringida.png); } /* -------------------- sedes_003 -------------------- */ #sedes-003{ z-index: 894; } .sedes-003 .slide-content .img-uno{ background-image: url(../img/experiencia_sedes_03_001.png); } /* ---------- HOTELERÍA ---------- */ /* Duplican */ #hoteleria-001, #hoteleria-003{ background-color: var(--gris); } #hoteleria-002, #hoteleria-004{ background-color: var(--blanco); } .hoteleria-001 .contenedor-all, .hoteleria-002 .contenedor-all, .hoteleria-003 .contenedor-all, .hoteleria-004 .contenedor-all{ display: flex; justify-content: space-evenly; align-items: center; } .hoteleria-001 .contenedor-all .contenedor-imagenes, .hoteleria-002 .contenedor-all .contenedor-imagenes, .hoteleria-003 .contenedor-all .contenedor-imagenes, .hoteleria-004 .contenedor-all .contenedor-imagenes{ width: 100%; height: 80vh; max-height: 90rem; padding: 2rem 1rem; } .hoteleria-001 .contenedor-all .contenedor-texto, .hoteleria-002 .contenedor-all .contenedor-texto, .hoteleria-003 .contenedor-all .contenedor-texto, .hoteleria-004 .contenedor-all .contenedor-texto{ width: 55rem !important; display: flex; flex-direction: column; justify-content: center; margin: 0 2rem; } /* -- Texto -- */ .hoteleria-001 .contenedor-all .contenedor-texto .cajas, .hoteleria-002 .contenedor-all .contenedor-texto .cajas, .hoteleria-003 .contenedor-all .contenedor-texto .cajas, .hoteleria-004 .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja-dos, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja-dos, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja-dos, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja-dos{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: start; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 100%; height: 5rem; margin-bottom: 1rem; display: flex; flex-direction: row; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 100%; height: 5rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul{ list-style-position: inside; text-indent: -2rem; width: 100%; height: 100%; padding-left: .5rem; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul li{ list-style-position: inside; text-indent: -2.1rem; padding: .4rem 2.1rem; font-weight: 400; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo{ list-style: none; text-align: center; padding: 1rem 0 .5rem 0; font-weight: 900 !important; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja span, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja span, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja span, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja span{ font-weight: 600; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas h4, .hoteleria-002 .contenedor-all .contenedor-texto .cajas h4, .hoteleria-003 .contenedor-all .contenedor-texto .cajas h4, .hoteleria-004 .contenedor-all .contenedor-texto .cajas h4{ text-align: center; margin-bottom: 1rem; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja a, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja a, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja a, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja a{ text-decoration: none; } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja a i, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja a i, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja a i, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja a i{ font-size: 1.8rem; font-weight: 700; color: var(--negro); text-decoration: none; text-indent: 0; padding-left: .5rem; transform: translateY(.4rem); transition: var(--transitions); } .hoteleria-001 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .hoteleria-002 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .hoteleria-003 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .hoteleria-004 .contenedor-all .contenedor-texto .cajas .caja a i:hover{ transform: translateX(.5rem); font-weight: 700; color: var(--primario); } /* -- Slider -- */ .hoteleria-001 .cont-imagen-slide, .hoteleria-002 .cont-imagen-slide, .hoteleria-003 .cont-imagen-slide, .hoteleria-004 .cont-imagen-slide{ width: 100%; height: 100%; } .hoteleria-001 .slideshow-container, .hoteleria-002 .slideshow-container, .hoteleria-003 .slideshow-container, .hoteleria-004 .slideshow-container{ width: 100%; height: 100%; position: relative; max-width: none; margin: 0 auto; overflow: hidden; } .hoteleria-001 .slideHot-001, .hoteleria-002 .slideHot-002, .hoteleria-003 .slideHot-003{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } /* Imagen fija */ .hoteleria-004 .slideHot-004{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } /* Imagen fija */ .hoteleria-004 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } .hoteleria-001 .slide-content, .hoteleria-002 .slide-content, .hoteleria-003 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } /* Imagen fija */ .hoteleria-004 .slide-content .imagen{ display: flex; background-position: bottom right; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .hoteleria-001 .slide-content .imagen, .hoteleria-002 .slide-content .imagen, .hoteleria-003 .slide-content .imagen{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .hoteleria-001 .prev, .hoteleria-002 .prev, .hoteleria-003 .prev{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .hoteleria-001 .next, .hoteleria-002 .next, .hoteleria-003 .next{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .hoteleria-001 .next, .hoteleria-002 .next, .hoteleria-003 .next{ right: 0; } .hoteleria-001 .prev:hover, .hoteleria-002 .prev:hover, .hoteleria-003 .prev:hover{ color: var(--blanco); background-color: var(--primario); } .hoteleria-001 .next:hover, .hoteleria-002 .next:hover, .hoteleria-003 .next:hover{ color: var(--blanco); background-color: var(--primario); } .hoteleria-001 .fade, .hoteleria-002 .fade, .hoteleria-003 .fade{ animation: fade 6s linear infinite; } /* -------------------- hoteleria_001 -------------------- */ #hoteleria-001{ z-index: 898; } .hoteleria-001 .slide-content .img-uno{ background-image: url(../img/experiencia_hoteleria_01_001.png); background-position: center top !important; } .hoteleria-001 .slide-content .img-dos{ background-image: url(../img/experiencia_hoteleria_01_002.png); background-position: center bottom !important; } .hoteleria-001 .slide-content .img-tres{ background-image: url(../img/experiencia_hoteleria_01_003.png); background-position: center bottom !important; } .hoteleria-001 .slide-content .img-cuatro{ background-image: url(../img/experiencia_hoteleria_01_004.png); } /* -------------------- hoteleria_002 -------------------- */ #hoteleria-002{ z-index: 896; } .hoteleria-002 .slide-content .img-uno{ background-image: url(../img/experiencia_hoteleria_02_001.png); } .hoteleria-002 .slide-content .img-dos{ background-image: url(../img/experiencia_hoteleria_02_002.png); } /* -------------------- hoteleria_003 -------------------- */ #hoteleria-003{ z-index: 894; } .hoteleria-003 .slide-content .img-uno{ background-image: url(../img/experiencia_hoteleria_03_001.png); } .hoteleria-003 .slide-content .img-dos{ background-image: url(../img/experiencia_hoteleria_03_002.png); } .hoteleria-003 .slide-content .img-tres{ background-image: url(../img/experiencia_hoteleria_03_003.png); } /* -------------------- hoteleria_004 -------------------- */ #hoteleria-004{ z-index: 894; } .hoteleria-004 .slide-content .img-uno{ background-image: url(../img/experiencia_seguridad_vistaRestringida.png); } /* ---------- OTROS ---------- */ /* Duplican */ #otros-001, #otros-003{ background-color: var(--gris); } #otros-002{ background-color: var(--blanco); } .otros-001 .contenedor-all, .otros-002 .contenedor-all, .otros-003 .contenedor-all{ display: flex; justify-content: space-evenly; align-items: center; } .otros-001 .contenedor-all .contenedor-imagenes, .otros-002 .contenedor-all .contenedor-imagenes, .otros-003 .contenedor-all .contenedor-imagenes{ width: 100%; height: 80vh; max-height: 90rem; padding: 2rem 1rem; } .otros-001 .contenedor-all .contenedor-texto, .otros-002 .contenedor-all .contenedor-texto, .otros-003 .contenedor-all .contenedor-texto{ width: 55rem !important; display: flex; flex-direction: column; justify-content: center; margin: 0 2rem; } /* -- Texto -- */ .otros-001 .contenedor-all .contenedor-texto .cajas, .otros-002 .contenedor-all .contenedor-texto .cajas, .otros-003 .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja, .otros-002 .contenedor-all .contenedor-texto .cajas .caja, .otros-003 .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja-dos, .otros-002 .contenedor-all .contenedor-texto .cajas .caja-dos, .otros-003 .contenedor-all .contenedor-texto .cajas .caja-dos{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: start; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .otros-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono, .otros-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 100%; height: 5rem; margin-bottom: 1rem; display: flex; flex-direction: row; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .otros-002 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div, .otros-003 .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 100%; height: 5rem; background-position: center; background-repeat: no-repeat; background-size: contain; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .otros-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul, .otros-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul{ list-style-position: inside; text-indent: -2rem; width: 100%; height: 100%; padding-left: .5rem; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .otros-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul li, .otros-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul li{ list-style-position: inside; text-indent: -2.1rem; padding: .4rem 2.1rem; font-weight: 400; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .otros-002 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo, .otros-003 .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo{ list-style: none; text-align: center; padding: 1rem 0 .5rem 0; font-weight: 900 !important; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja span, .otros-002 .contenedor-all .contenedor-texto .cajas .caja span, .otros-003 .contenedor-all .contenedor-texto .cajas .caja span{ font-weight: 600; } .otros-001 .contenedor-all .contenedor-texto .cajas h4, .otros-002 .contenedor-all .contenedor-texto .cajas h4, .otros-003 .contenedor-all .contenedor-texto .cajas h4{ text-align: center; margin-bottom: 1rem; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja a, .otros-002 .contenedor-all .contenedor-texto .cajas .caja a, .otros-003 .contenedor-all .contenedor-texto .cajas .caja a{ text-decoration: none; } .otros-001 .contenedor-all .contenedor-texto .cajas .caja a i, .otros-002 .contenedor-all .contenedor-texto .cajas .caja a i, .otros-003 .contenedor-all .contenedor-texto .cajas .caja a i{ font-size: 1.8rem; font-weight: 700; color: var(--negro); text-decoration: none; text-indent: 0; padding-left: .5rem; transform: translateY(.4rem); transition: var(--transitions); } .otros-001 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .otros-002 .contenedor-all .contenedor-texto .cajas .caja a i:hover, .otros-003 .contenedor-all .contenedor-texto .cajas .caja a i:hover{ transform: translateX(.5rem); font-weight: 700; color: var(--primario); } /* -- Slider -- */ .otros-001 .cont-imagen-slide, .otros-002 .cont-imagen-slide, .otros-003 .cont-imagen-slide{ width: 100%; height: 100%; } .otros-001 .slideshow-container, .otros-002 .slideshow-container, .otros-003 .slideshow-container{ width: 100%; height: 100%; position: relative; max-width: none; margin: 0 auto; overflow: hidden; } .otros-001 .slideOtr-001, .otros-002 .slideOtr-002, .otros-003 .slideOtr-003{ display: flex; width: 90%; height: 100%; margin: auto; overflow: hidden; } .otros-001 .slide-content, .otros-002 .slide-content, .otros-003 .slide-content{ background-color: none; margin: auto; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; } .otros-001 .slide-content .imagen, .otros-002 .slide-content .imagen, .otros-003 .slide-content .imagen{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .otros-001 .prev, .otros-002 .prev, .otros-003 .prev{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .otros-001 .next, .otros-002 .next, .otros-003 .next{ cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -2.2rem; padding: 1.6rem; font-weight: bold; font-size: 1.8rem; transition: var(--transitions); border-radius: .3rem; color: var(--secundario); } .otros-001 .next, .otros-002 .next, .otros-003 .next{ right: 0; } .otros-001 .prev:hover, .otros-002 .prev:hover, .otros-003 .prev:hover{ color: var(--blanco); background-color: var(--primario); } .otros-001 .next:hover, .otros-002 .next:hover, .otros-003 .next:hover{ color: var(--blanco); background-color: var(--primario); } .otros-001 .fade, .otros-002 .fade, .otros-003 .fade{ animation: fade 6s linear infinite; } /* -------------------- otros_001 -------------------- */ #otros-001{ z-index: 898; } .otros-001 .slide-content .img-uno{ /* background-image: url(../img/experiencia_otros_01_001.png); */ background-image: url(../img/experiencia_otros_01_001_01.png); background-size: contain !important; } .otros-001 .slide-content .img-dos{ background-image: url(../img/experiencia_otros_01_002.png); } .otros-001 .slide-content .img-tres{ background-image: url(../img/experiencia_otros_01_003.png); background-size: contain !important; } .otros-001 .slide-content .img-cuatro{ background-image: url(../img/experiencia_otros_01_004.png); background-size: contain !important; } /* -------------------- otros_002 -------------------- */ #otros-002{ z-index: 896; } .otros-002 .slide-content .img-uno{ background-image: url(../img/experiencia_otros_02_001.png); } .otros-002 .slide-content .img-dos{ background-image: url(../img/experiencia_otros_02_002.png); } .otros-002 .slide-content .img-tres{ background-image: url(../img/experiencia_otros_02_003.png); } .otros-002 .slide-content .img-cuatro{ background-image: url(../img/experiencia_otros_02_004.png); background-position: center bottom !important; } .otros-002 .slide-content .img-cinco{ background-image: url(../img/experiencia_otros_02_005.png); } .otros-002 .slide-content .img-seis{ background-image: url(../img/experiencia_otros_02_006.png); } .otros-002 .slide-content .img-siete{ background-image: url(../img/experiencia_otros_02_007.png); } .otros-002 .slide-content .img-ocho{ background-image: url(../img/experiencia_otros_02_008.png); background-position: center top !important; } .otros-002 .slide-content .img-nueve{ background-image: url(../img/experiencia_otros_02_009.png); } .otros-002 .slide-content .img-diez{ background-image: url(../img/experiencia_otros_02_010.png); } .otros-002 .slide-content .img-once{ background-image: url(../img/experiencia_otros_02_011.png); } .otros-002 .slide-content .img-doce{ background-image: url(../img/experiencia_otros_02_012.png); } /* -------------------- otros_003 -------------------- */ #otros-003{ z-index: 894; } .otros-003 .slide-content .img-uno{ background-image: url(../img/experiencia_otros_03_001.png); } .otros-003 .slide-content .img-dos{ background-image: url(../img/experiencia_otros_03_002.png); } .otros-003 .slide-content .img-tres{ background-image: url(../img/experiencia_otros_03_003.png); } .otros-003 .slide-content .img-cuatro{ background-image: url(../img/experiencia_otros_03_004.png); } .otros-003 .slide-content .img-cinco{ background-image: url(../img/experiencia_otros_03_005.png); } .otros-003 .slide-content .img-seis{ background-image: url(../img/experiencia_otros_03_006.png); } /* Mobile y Tablet (Vertical) */ @media only screen and (min-width: 1px) and (max-width: 768px) { /* -------------------- Banner -------------------- */ .container-experiencia{ width: 100vw; height: 100vh; min-height: 1px; background-position: center; } .container-resumen{ width: 100%; min-width: 1px; text-align: center; padding-top: 0; } .container-resumen h3{ width: 100vw; min-width: 1px; text-align: center; } /* -------------------- Secciones -------------------- */ .contenedor-seccion{ padding: 5rem 0 !important; } .contenedor-all{ width: 100%; margin-right: 0; display: flex; flex-direction: column; align-items: center; } .titulo{ border-bottom: none; margin: auto; width: 90%; } .titulo h6, .titulo h5{ text-align: center; margin: auto; margin-bottom: .5rem; } .contenedor-seccion .contenedor-all .contenedor-imagenes{ width: 100%; height: 30rem; min-height: 30rem; margin: 0; padding: 0; } .contenedor-all .slide{ width: 100%; margin: 0; padding: 0; } .aeropuerto-001 .slide, .aeropuerto-002 .slide-002, .aeropuerto-003 .slide-003, .aeropuerto-004 .slide-004, .aeropuerto-005 .slide-005, .aeropuerto-006 .slide-006, .aeropuerto-007 .slide-007, .aeropuerto-008 .slide-008, .aeropuerto-009 .slide-009, .aeropuerto-010 .slide-010, .seguridad-001 .slideSeg-001, .seguridad-002 .slideSeg-002, .seguridad-003 .slideSeg-003, .sedes-001 .slideSed-001, .sedes-002 .slideSed-002, .sedes-003 .slideSed-003, .hoteleria-001 .slideHot-001, .hoteleria-002 .slideHot-002, .hoteleria-003 .slideHot-003, .hoteleria-004 .slideHot-004, .otros-001 .slideOtr-001, .otros-002 .slideOtr-002, .otros-003 .slideOtr-003{ width: 100%; margin: 0; padding: 0; } .contenedor-seccion .contenedor-all .contenedor-texto{ width: 90vw !important; display: flex; margin: 0; flex-direction: column; } /* -- Texto -- */ .contenedor-seccion .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; align-items: center; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas h4{ margin: 1.5rem 0 0 0; padding-bottom: .5rem; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 6rem; height: 6rem; margin: 0; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 6rem; height: 6rem; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja-dos ul li{ text-align: center; } .contenedor-all .contenedor-texto .cajas .caja-dos ul .li-titulo{ list-style: none; text-align: center; padding: 1rem 0 .5rem 0; } .contenedor-all .contenedor-texto .cajas .caja a i{ font-size: 1.8rem; font-weight: 700; color: var(--negro); text-decoration: none; text-indent: 0; padding-left: .5rem; transform: translateY(.4rem); transition: var(--transitions); } .contenedor-all .prev{ top: 47%; padding: 1rem; margin: 0 0 0 .5rem; color: var(--blanco); background-color: var(--primario); } .contenedor-all .next{ top: 47%; padding: 1rem; margin: 0 .5rem 0 0; color: var(--blanco); background-color: var(--primario); } /* -------------------- Banner -------------------- */ } /* DesktopSM */ @media only screen and (min-width: 1025px) and (max-width: 1440px) { /* -------------------- Aeropuertos -------------------- */ .contenedor-seccion .contenedor-all .contenedor-texto{ width: 40rem; margin-right: 2rem; display: flex; flex-direction: column; align-items: center; } .contenedor-seccion .contenedor-all .contenedor-imagenes{ width: 100%; height: 70vh; } /* -- Texto -- */ .contenedor-seccion .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: column; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .container-experiencia{ background-image: url(../img/tam_DesktopSM/experiencia_header.png); } /* Aeropuertos 002 */ .aeropuerto-002 .slide-content .img-cuatro{ background-image: url(../img/tam_DesktopSM/experiencia_aeropuertos_02_004.png); } .aeropuerto-002 .slide-content .img-cinco{ background-image: url(../img/tam_DesktopSM/experiencia_aeropuertos_02_005.png); background-size: contain !important; } /* Aeropuertos 006 */ .aeropuerto-006 .slide-content .img-dos{ background-image: url(../img/tam_DesktopSM/experiencia_aeropuertos_06_002.png); } /* Aeropuertos 008 */ .aeropuerto-008 .slide-content .img-nueve{ background-image: url(../img/tam_DesktopSM/experiencia_aeropuertos_08_009.png); } .aeropuerto-008 .slide-content .img-trece{ background-image: url(../img/tam_DesktopSM/experiencia_aeropuertos_08_0013.png); } } /* Tablet (Tablet Horizontal) */ @media only screen and (min-width: 769px) and (max-width: 1024px) { /* -------------------- Secciones -------------------- */ .contenedor-seccion{ padding: 5rem 0 !important; } .contenedor-all{ width: 100%; margin-right: 2rem; display: flex; flex-direction: column; align-items: center; } .contenedor-seccion .contenedor-all .contenedor-imagenes{ width: 100%; height: 75vh; min-height: 42rem; } .contenedor-seccion .contenedor-all .contenedor-texto{ width: 90vw !important; display: flex; margin: 0; flex-direction: row; } /* -- Texto -- */ .contenedor-seccion .contenedor-all .contenedor-texto .cajas{ width: 100%; display: flex; flex-direction: column; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja{ display: flex; flex-direction: row; align-items: center; background-color: var(--grisDos); margin: 0 .5rem .5rem .5rem; padding: .3rem; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja-dos .icono{ width: 30%; width: 10rem; height: 10rem; margin: 0 2rem; } .contenedor-seccion .contenedor-all .contenedor-texto .cajas .caja-dos .icono div{ width: 10rem; height: 10rem; } .container-experiencia{ background-image: url(../img/tam_Tablet/experiencia_header.png); } /* Aeropuertos 002 */ .aeropuerto-002 .slide-content .img-cuatro{ background-image: url(../img/tam_Tablet/experiencia_aeropuertos_02_004.png); } .aeropuerto-002 .slide-content .img-cinco{ background-image: url(../img/tam_Tablet/experiencia_aeropuertos_02_005.png); background-size: contain !important; } /* Aeropuertos 006 */ .aeropuerto-006 .slide-content .img-dos{ background-image: url(../img/tam_Tablet/experiencia_aeropuertos_06_002.png); } /* Aeropuertos 008 */ .aeropuerto-008 .slide-content .img-nueve{ background-image: url(../img/tam_Tablet/experiencia_aeropuertos_08_009.png); } .aeropuerto-008 .slide-content .img-trece{ background-image: url(../img/tam_Tablet/experiencia_aeropuertos_08_0013.png); } } /* Original (Tablet Vertical) */ @media only screen and (min-width: 426px) and (max-width: 768px) { .container-experiencia{ background-image: url(../img/tam_Original/experiencia_header.png); } /* Aeropuertos 002 */ .aeropuerto-002 .slide-content .img-cuatro{ background-image: url(../img/tam_Original/experiencia_aeropuertos_02_004.png); } .aeropuerto-002 .slide-content .img-cinco{ background-image: url(../img/tam_Original/experiencia_aeropuertos_02_005.png); background-size: contain !important; } /* Aeropuertos 006 */ .aeropuerto-006 .slide-content .img-dos{ background-image: url(../img/tam_Original/experiencia_aeropuertos_06_002.png); } /* Aeropuertos 008 */ .aeropuerto-008 .slide-content .img-nueve{ background-image: url(../img/tam_Original/experiencia_aeropuertos_08_009.png); } .aeropuerto-008 .slide-content .img-trece{ background-image: url(../img/tam_Original/experiencia_aeropuertos_08_0013.png); } } /* Mobile */ @media only screen and (min-width: 1px) and (max-width: 425px) { .container-experiencia{ background-image: url(../img/tam_Mobile/experiencia_header.png); } /* Aeropuertos 002 */ .aeropuerto-002 .slide-content .img-cuatro{ background-image: url(../img/tam_Mobile/experiencia_aeropuertos_02_004.png); } .aeropuerto-002 .slide-content .img-cinco{ background-image: url(../img/tam_Mobile/experiencia_aeropuertos_02_005.png); background-size: contain !important; } /* Aeropuertos 006 */ .aeropuerto-006 .slide-content .img-dos{ background-image: url(../img/tam_Mobile/experiencia_aeropuertos_06_002.png); } /* Aeropuertos 008 */ .aeropuerto-008 .slide-content .img-nueve{ background-image: url(../img/tam_Mobile/experiencia_aeropuertos_08_009.png); } .aeropuerto-008 .slide-content .img-trece{ background-image: url(../img/tam_Mobile/experiencia_aeropuertos_08_013.png); } }