/*
 Theme Name:     UAN | Marketing
 Theme URI:      https://uanmarketing.com/
 Description:    Tema Principal de UAN
 Author:         Yordan Soares
 Author URI:     https://www.yordansoar.es
 Template:       Divi
 Version:        1.0.0
*/
 
/* Tipografías:
 * Merienda One: Títulos y elementos del menú.
 * Open Sans: Párrafos y Enlaces
*/

/* Globales */
.titulos {
  color: #fff;  
  font-size: 1.75em;
  margin-bottom: .5em;
  text-align: center;
  text-shadow: 0 0 10px #333;
  text-transform: uppercase;
}

/* Enlaces ancla */

/*
#inicio  {
  background-attachment: fixed;
  background-image: url(https://uan.io/images/bg/bg-inicio.jpg);  
  background-size: 185%, cover;
  background-position: top;
  background-repeat: no-repeat;  
}*/

.ancla {
  display: block;
  position: relative;
  top: 0;
  visibility: hidden;
}

/* Header*/
#main-header:hover,
#main-header:hover ul li ul {
  background-color: rgba(0,0,0,.65);
}

#main-header .container {
  max-width: 1200px; 
}

#top-menu li.current-menu-item>a,
.et-fixed-header #top-menu li.current-menu-item>a {
  color: rgba(255,255,255,.8) !important;
  transition: all .2s;
}

#top-menu li.current-menu-item>a, .et-fixed-header #top-menu li.current-menu-item>a {
    color: rgba(255,255,255,.8);
    transition: all .2s;
}

#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-ancestor ul.sub-menu li.current-menu-item a {
  color: orange !important;
}


#main-header #top-menu a.ds-menu-active,
.et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
  color: orange !important;
  font-size: 1.5em;
  transition: all .2s;
}

#main-header:hover a {
  color: rgba(255,255,255,.8);
}

#main-header:hover a:hover {
  color: orange;
  opacity: 1;
}

#main-header a {
  color: rgba(255,255,255,.5);
}

#main-header a:hover,
#main-header.et-fixed-header a:hover {
  color: orange !important;
}

/* Estilos menú: sección activa */
/* Nota: Complementado con jQuery (Ver Divi>Integracion) */
.et-fixed-header #top-menu .active a,
#top-menu .active a{
  color: var(--color-acento)!important;
  transition: none;
}

#top-menu .active a:after{
	content: '';
	border-bottom: 2px solid var(--color-acento);
	display: block;
	width: 100%;
	position: relative;
  top: 8px;
  transition: none;
}

.et_pb_section {
    background: #302334;
}

/* ----------------- */
/* Sección Servicios */
/* ----------------- */

@media (min-width: 981px) and (max-width: 1320px) {
  .fila-servicios {
    width: 100%;
  }

  .servicios-container-promocionales h3,
  .servicios-container-impresiones h3,
  .servicios-container-textiles h3,
  .servicios-container-btl h3,
  .servicios-container-exhibiciones h3 {
    font-size: 18px;
  }
}

.icono-servicios img:hover {
  width: 150px;
  transition: all .2s
}

.icono-servicios img {
  width: 175px;
  transition: all .2s
}

.servicios-container-promocionales,
.servicios-container-impresiones,
.servicios-container-textiles,
.servicios-container-btl,
.servicios-container-exhibiciones {
  padding: 1em;  
  transition: all .3s;
}

.servicios-container-promocionales:hover,
.servicios-container-impresiones:hover,
.servicios-container-textiles:hover,
.servicios-container-btl:hover,
.servicios-container-exhibiciones:hover {
  background: rgba(60,60,100,.6);
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,.15);	
}

.servicios-container-promocionales img,
.servicios-container-impresiones img,
.servicios-container-textiles img,
.servicios-container-btl img,
.servicios-container-exhibiciones img {
  width: 150px;
  padding: 10px;
  transition: all 0.2s;
}

.servicios-container-promocionales:hover img,
.servicios-container-impresiones:hover img,
.servicios-container-textiles:hover img,
.servicios-container-btl:hover img,
.servicios-container-exhibiciones:hover img {
  width: 150px;
  padding: 0px !important;
  transition: all 0.2s;
}

.servicios-container-promocionales h3,
.servicios-container-impresiones h3,
.servicios-container-textiles h3,
.servicios-container-btl h3,
.servicios-container-exhibiciones h3 {
  color: #fff;
  border-bottom: 2px solid orange;
  padding: .5em;
  margin: .5em 1em;
  text-align: center;
}

.servicios-container-promocionales p,
.servicios-container-impresiones p,
.servicios-container-textiles p,
.servicios-container-btl p,
.servicios-container-exhibiciones p {
  color: #fff;  
  text-align: center;
}

.boton-servicios {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 border: 0 !important;
 background: transparent !important;
 color: transparent !important;
 z-index: 9999;
}

/* ----------------- */
/* Páginas Servicios */
/* ----------------- */

.header-servicios {
  text-align: center;
}

.header-servicios .icono-servicio {
  width: 200px;
}

.header-servicios .titulo-servicios {
  color: #fff;  
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 3em;
  margin-top: 0.25em;
}

.header-servicios ul.menu-servicios li {
  display:inline;
  font-size: 1.25em;
}

.header-servicios ul.menu-servicios li a {
  color: #7fcd19;
  margin-left: .5em;
  transition: all .2s;
}

.header-servicios ul.menu-servicios li a:hover {
  color: orange;
  border-bottom: 2px solid;
  padding-bottom: 2px;
  transition: all .2s;
}

.header-servicios ul.menu-servicios li a.activo {
  color: orange;    
}

.slider-servicios {
  border-radius: 5px;
}

.contenedor-caracteristica {
  color: #fff;
}

.contenedor-caracteristica .titulo-caracteristica {
  color: #ffdd00;
  border-bottom: 2px solid;
  margin-bottom: .5em;
}

.contenedor-caracteristica ul.lista-uan,
ul.lista-uan.lista-servicios {  
  list-style-image: url(img/uan-lista-desordenda.png);
  margin-left: 1em;
}

.tab-servicios  {
  color: #fff;
  border: 2px solid;  
}
.tab-servicios .et_pb_tabs_controls li {
  border: none;
}
.tab-servicios .et_pb_tabs_controls li a {
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.tab-servicios li.et_pb_tab_active a {  
  color: #fff !important;
  font-weight: bold;
}
.tab-servicios ul.et_pb_tabs_controls {
  background: rgba(78,172,2118,.3);
  border-bottom: 1px solid;
  display: flex;
  justify-content: center;  
}
.tab-servicios ul.et_pb_tabs_controls li {
  background: none;  
  /*display: flex;
  justify-content: center;*/
  font-weight: bold;
  font-size: 12px
}
.tab-servicios .et_pb_all_tabs {
  background: rgba(78,172,2118,.3);  
}
.columnas-2 {
  column-count: 2;
}
.columnas-3 {
  column-count: 3;
}
@media (max-width: 1440px) {  
  .columnas-3 {
    column-count: 2;
  }  
}
@media (max-width: 1024px) {  
  .columnas-3 {
    column-count: 1;
  }  
}
@media (max-width: 980px) {
  .columnas-2 {
    column-count: 1;
  }  
}

@media (max-width: 480px) {
  .header-servicios .titulo-servicios {
      font-size: 2em;
  }
}

/* ------------------- */
/* Sección Somos Etnia */
/* ------------------- */

.somos-etnia-container-desc {
  background: rgba(60,60,100,.6);
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,.15);
  color: #fff;  
  font-size: 1em;
  padding: 10px;
}

.titulos-marcas {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.25em;
  text-align: center;
}

/* Ocultar sliders secundarios hasta que cargue el script de Slick */
.slider-marcas-etnia .marca-etnia,
.slider-testimonios .testimonio,
.slider-servicios .slide-servicios {
  opacity: 0;
  display: none;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

.slider-marcas-etnia.slick-initialized .marca-etnia,
.slider-testimonios.slick-initialized .testimonio,
.slider-servicios.slick-initialized .slide-servicios {
  display: block;
  opacity: 1;
}

.slider-servicios,
.imagen-servicios {
    border: 5px solid #fd0;
    border-radius: 5px;
}

.marca-etnia {
  padding: 1em;
}

.slick-prev:before, .slick-next:before {
    color: orange;
    text-shadow: 0 0 10px black;
    opacity: .50;
    transition: all .2s ease;
}

.slick-prev {
    left: -34px;
    z-index: 1;
}
.slick-next {
    right: -34px;
    z-index: 1;
}

ul.slick-dots {
    bottom: 0;
}

/* --------------------- */
/* Sección Quiénes somos */
/* --------------------- */

/* Columna: Pestañas Info Corporativa */

.quienes-somos-tabs.et_pb_tabs {
  border: none;
}

.quienes-somos-tabs ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: rgba(255,255,255,.5);
	transition: all .3s;
}

.quienes-somos-tabs ul li {
  border-right: none;
}

.quienes-somos-tabs ul li a {
  color: rgba(255,255,255,.5);
	transition: all .3s;
}

.quienes-somos-tabs ul li a:hover {
  color: #fff;
}

.quienes-somos-tabs .et_pb_tabs {
  border: none;
}

.quienes-somos-tabs .et_pb_tabs_controls {
	background-color: rgba(0,0,0,.2) !important;
}

.quienes-somos-tabs .et_pb_tab_active {
	background-color: rgba(20,25,50,.4) !important;	
}

.quienes-somos-tabs .et_pb_tab_active a {		
  color: #fff !important;
}

.quienes-somos-tabs .et_pb_all_tabs {
  color: #fff;
  background-color: rgba(60,60,100,.25) !important;  
}

/* Columna: Slider Testimonios */

.slider-testimonios {
  margin: 4em;
}
.slider-testimonios .testominio,
.slider-testimonios .testominio-principal {
  padding: 2em;
}

.slider-testimonios .testimonio-texto,
.slider-testimonios .testimonio-autor,
.slider-testimonios .testimonio-cargo {
  color: #fff;
  text-align: center;  
  padding: 0 1em; 
}

.slider-testimonios .testimonio-texto {
  text-align: justify; 
  font-weight: normal;
  padding-bottom: 2em;
}

.slider-testimonios .testimonio-autor {
  text-transform: uppercase;
  padding-bottom: 0;
}

.slider-testimonios .testimonio-cargo {
  font-size: .85em;
}

.slider-testimonios  .testimonio-logo {
  text-align: center;
  margin-top: 2em;
}

.slider-testimonios  .testimonio-logo img {
  display: inline;  
  width: 150px;
}

/* ---------------- */
/* Sección Contacto */
/* ---------------- */

.contenedor-contacto {
  text-align: center;
}

input.contacto-input,
textarea.contacto-input{ 
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 5px;
  margin: 5px 0;
  background: transparent;
  width: 100%;
}

input.text, input.title, input[type=text], input[type=email], select, textarea {  
  color: #fff; 
  font-weight: bold;
  transition: all .2s;
}

input.text:focus, input.title:focus, input[type=text]:focus, input[type=email]:focus, select:focus, textarea:focus {
  border-color: orange;
  color: yellow;
  font-weight: bold;
  transition: all .2s;
}

.contacto-input::placeholder {
  color:#ccc;
  font-weight: normal;
  font-style: italic;
}

.contacto-input-container{
  display: table;
  width: 100%
}

.contacto-input-item {
  display: table-cell;
  width: 50%; 
  padding: 5px 10px
}

@media (max-width: 480px) {  
  .contacto-input-item {  
    display: block;
    width: 100%;   
  }
}

.contacto-input-item.input-mensaje {
  display: table-cell;
  width: 10%;   
}

/* Estilos botón Enviar Mensaje */
input[type="submit"] {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 1em;  
  text-transform: uppercase;
  width: 100%;    
  transition: all .2s;
}

input[type="submit"]:hover{  
  background: rgba(255,165,0,.5);
  cursor: pointer;
  transition: all .2s;
}

@media (min-width: 981px){
  .et_pb_gutters3 .et_pb_column_1_5, .et_pb_gutters3.et_pb_row .et_pb_column_1_5 {
      width: 20%;
  }
}

@media (min-width: 981px){
  .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
      margin-right: 0;
  }
}

/* ****** */
/* Footer */
/* ****** */

/* Estilos generales del footer */

#main-footer {
  background: #2b3266;
  border-top: 5px solid #080e3a;
}

#footer-bottom .container,
#footer-info {
  float: none;  
  text-align: center;  
}

#footer-info a:hover,
.bottom-nav a:hover {
    opacity: 1;
}

#footer-info {
  color: orange;
}

#disclaimer {
  font-size: 10px;
  line-height: 1em;
  margin: 0 auto;
  text-align: justify;
  width: 600px;
}

/* Estilos del menú del footer */
#footer-bottom ul.bottom-nav li a,
#footer-bottom ul.enlaces-legales  li a {
  color: #ccc !important;
}

/* Añadimos un ornamento para separar los elementos */
#footer-bottom ul.bottom-nav li:after {
  content: "/";
  color: rgba(255,255,255,.25);
  margin-left: 1.5em;
}

/* ... desactivamos el ornamento en el último item */
#footer-bottom ul.bottom-nav li.item-menu-contacto-footer:after  {
  content: none;
}

/* Color de hover de los elementos */
#footer-bottom ul.bottom-nav li a:hover,
#footer-bottom ul.enlaces-legales li a:hover {
  color: orange !important;
}

/* Estilos de iconos de redes sociales del footer */

.rrss-footer img {
  width: 50px;
  margin: 15px 10px;
  padding: 3px;
  transition: all .2s;
}

.rrss-footer a img:hover {
  padding: 0;
}

.rrss-footer li,
.enlaces-legales li {
  display: inline;
}