/*!
Theme Name: trendy-drinks
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trendy-drinks
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

trendy-drinks is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography


--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;

}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
 /* background-color: #00cdc5; */

  background-color: #000;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}


/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}


/* 
#age-gate-wrapper {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: 'Arial', sans-serif;
  transition: all 1s ease;
  overflow: hidden;
}

#age-background {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  z-index: -2;
}


#age-overlay {
  position: absolute;
  inset: 0;
  background: #0087cd;
  opacity: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.8s ease-in-out;
}

#age-logo {
  max-width: 200px;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 1s ease, transform 1s ease;
}

#age-gate-wrapper.fade-out {
  transform: translateX(100%);
  transition: transform 1s ease-in-out;
}

#age-gate-wrapper.fade-out #age-overlay {
  opacity: 1;
}

#age-gate-wrapper.fade-out #age-logo {
  opacity: 1;
  transform: scale(1);
}

#age-form {
  background: rgba(255,255,255,0.85);
  color: #333; 
  padding: 30px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  z-index: 1;
  box-shadow: 0 0 20px rgba(255,255,255,0.2);
}

#age-form h2 {
  margin-bottom: 20px;
  font-size: 1.2rem;
}

#age-form .mes-dia {
	display: flex;
	justify-content: space-between;

}

#age-form .mes-dia input {

  width: 49%;

}

#age-form input,
#age-form select {
	  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  display: block;
  width: 100%;
  padding: 8px;
  margin: 10px 0;
  border: none;
  border-radius: 6px;
}

#age-form input[type="checkbox"] {

  display: inline-block;
  width: auto;
   margin-top: 1em;

}

.recordarme input {

	display: inline-block;

}

#age-form button {
  background: #000000; 
  color: white;
  border: 1px solid #ccc;
  padding: 12px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-top: 1em;
}


#age-form button:hover {
  background: #00cdc5;
}


#age-gate-wrapper.fade-out {
  transform: translateX(100%);
  transition: transform 1s ease-in-out;
}
#age-gate-wrapper.fade-out #age-overlay {
  opacity: 1;
}

#age-form.fade-away {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#age-error {
  color: #c82333; 
}

*/


/* Estilos del Age Gate */
body.age-gate-active {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

#age-gate-wrapper {
  display: none; /* Oculto por defecto */
}


#age-gate-wrapper {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-family: 'Arial', sans-serif;
  transition: all 1s ease;
  overflow: hidden;
}

#age-background {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  z-index: -2;
}

#age-overlay {
  position: absolute;
  inset: 0;
  background: #0087cd;
  opacity: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.8s ease-in-out;
}

#age-logo {
  max-width: 200px;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 1s ease, transform 1s ease;
}

#age-gate-wrapper.fade-out {
  transform: translateX(100%);
  transition: transform 1s ease-in-out;
}

#age-gate-wrapper.fade-out #age-overlay {
  opacity: 1;
}

#age-gate-wrapper.fade-out #age-logo {
  opacity: 1;
  transform: scale(1);
}

/* Contenedor del contenido (botones) */
#age-form {
  background: rgba(255, 255, 255, 0.85);
  color: #333;
  padding: 30px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  z-index: 1;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
  transition: opacity 0.6s ease;
}

#age-form h2 {
  margin-bottom: 20px;
  font-size: 1.4rem;
}

/* Botones SÍ / NO */
.botones-verificacion {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-top: 20px;
}

.botones-verificacion button {
  flex: 1;
  background: #000;
  color: white;
  border: 1px solid #ccc;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1rem;
  transition: background 0.3s ease, transform 0.2s ease;
}

.botones-verificacion button:hover {
  background: #00cdc5;
  transform: scale(1.05);
}

/* Clase activada al verificar */
#age-form.fade-away {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* Mensaje de error */
#age-error {
  color: #c82333;
  margin-top: 15px;
  font-weight: bold;
}

/* Animación de salida (en caso de usarla) */
@keyframes slideOutRight {
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}


.cookie-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.95);
  color: #fff;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.cookie-notice.show {
  transform: translateY(0);
  opacity: 1;
}

.cookie-notice p {
  margin: 0;
  flex: 1;
  padding-right: 20px;
}

.cookie-notice button {
  background-color: #00cdc5;
  color: #000;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.cookie-notice button:hover {
  background-color: #00a89d;
}



.bg-body-tertiary {
background: #00CDC5;
background: linear-gradient(0deg, rgba(0, 205, 197, 1) 0%, rgba(0, 179, 180, 1) 32%, rgba(0, 152, 162, 1) 55%);

}


.navbar {
	padding: 1em 0;
}

.navbar-collapse {

	margin-top: 3em;
}

.nav-item a {
   font-family: "Inter", sans-serif;
	text-decoration: none;
	margin: 0 15px;
	font-size: 1em;
	color: #FFF;
  text-transform: uppercase;

}



.head-ini {

	width: 100%;
	height: 100vh;
	
	background-image: url(images/inicio-bg.jpg);
	background-size: cover;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.fondos {
	width: 100%;
	height: 800px;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 2em;
}

.fondo-flor {

	background-image: url(images/banner-flor-salvaje.jpg);

}

.fondo-lobo {

	background-image: url(images/banner-lobo-escondido.jpg);

}

.sec-contacto {
  margin-top: 2em;
	background-color: #d4e8d4;
	border-radius: 20px;
	text-align: center;
	color: #000;
	padding-bottom: 2em;
}

.sec-contacto h3{

	color: #000;

}

.sec-contacto a {

	font-size: 2em;
}

.fondo-lobo .logo-banner img {

	margin-top: -100px;
}


.fondo-spm {

	background-image: url(images/banner-solo-para-mujeres.jpg);

}

.fondo-trendy-soul {

	background-image: url(images/banner-trendy-soul.jpg);

}

.fondo-sdlc {

	background-image: url(images/banner-sdlc.jpg);

}


.inicio-cont {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}


.fondo-ini h1, .fondo-ini h3 {

	color: #FFF;

}

.fondos2 {
  margin: 2em auto;
	background-size: cover;
	background-position: center;
		display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 2em;
	border-radius: 20px;
	background-repeat: no-repeat;
	padding: 0 2em;
	width: 98%;
	height: 400px;
}


.fondos-linea {
	 margin: 2em auto;
  display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2em 2em 1em 2em;
}

.fondo-donde-comprar {
  
	background-image: url(images/banner-donde-comprar-.jpg);

}
.fondo-punto-venta {

	background-image: url(images/banner-punto-venta.jpg);

}

.fondo-punto-venta h3 {
 font-size: 3em;
 text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
  color: #d4e8d4;
}

.logo-inicio, .texto-inicio, .btn-inicio{

	padding: 2em;
}

.texto-inicio {
	color: #fff;
	font-family: "Antonio", sans-serif;
}

.texto-inicio h3 {
	font-size: 3.4em;
}

.btn-inicio a {
	width: 200px;
	padding: 0.4em 1em;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	font-size: 2.1em;
	border-radius: 10px;
	font-family: "Antonio", sans-serif;

}

.bdy-intro {

	width: 100%;
	padding: 2em;
	background-color: #000;

}

.txt-ini p {
   font-family: "Inter", sans-serif;
	color: #f4a98c;
	font-size: 2em;
	padding: 1em;
}

.txt-ini-row {
	display: flex;
	justify-content: center;
	align-items: center;
}

.logos {
	margin-top: 3em;
	margin-bottom: 5em;
}

.logo-btn img {

	padding: 1em;
	background-color: #d4e8d4;
	border-radius: 15px;

}

#contacto {
	margin-top: 3em;
	margin-bottom: 2em;



}

.contacto-arriba {
	  padding: 6em 2em;
	background-image: url(images/fondo-web-contacto.jpg);
 background-position: top center;
	border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.contacto-abajo {
	padding: 2em 4em;
	background-color: #d4e8d4;
	background-image: url(images/fondo-pie-de-pagina.png); 
	border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;

	}

#contacto h4 {
		color: #ffff;
	font-size: 4em;
	letter-spacing: 45px;
	padding: 1em;
	text-align: center;
	font-family: "Antonio", sans-serif;
}

.enlaces-contacto {
	display: flex;
  flex-direction: column;
  justify-content: center;
}

.logo-contacto {
	    display: flex;
    justify-content: right;

}

.enlace a {
  text-decoration: none;
	font-size: 2em;
	font-weight: 500;
	color: #000;

}

.quienes {

	margin-top: 4em;
}
.quienes-row {

	margin: 0;
	padding: 0;
}
.fondo-ini {
  padding: 4em 0;
	
}

.imagen-quienes {
padding: 0;
	margin: 0;
}

.texto-quienes {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
  align-items: center;
  background-color: #fff;
  margin-right: 0;
	
}

.texto-quienes img {
	width:45%;
}

.texto-quienes p {
padding: 2em 3em;
font-size: 1.3em;

}


.bold {
	font-weight: 500;
}

.mix {
	display: block;
	position: relative;
}

.mix-txt {
	position: absolute;
	top:50px;
	text-align: center;
	color: #FFF;
}

.mix-txt h3 {

	padding-top: 0;
	margin-top: 0;
}

.mix-txt p {
	font-size: 1.3em;
	padding: 0 3em;
}



/* Color de fondo azul al submenú */
/* Estilos básicos del dropdown */
.dropdown-menu {
    background-color: #000 !important;
}
.dropdown-menu a {
    color: #ffffff !important;

    padding: 0.5em;
}

/* Elimina el borde solo del último enlace */
.dropdown-menu li:last-child a {
    border-bottom: none;
}
.dropdown-menu a:hover {
    color: #00cdc5 !important;
}


/* Mostrar el menú al hacer hover SOLO en desktop */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        width: 220px;
    }
}

/* Asegurar que el dropdown se cierre correctamente en móviles */
.navbar-toggler:focus {
    box-shadow: none;
}

/* Agrega esto a tu CSS */
.navbar-collapse.collapsing {
    height: auto;
    transition: all 0.3s ease;
    overflow: hidden;
}

.navbar-collapse.show {
    transition: all 0.3s ease;
}

/* Transición para dropdowns en desktop */
@media (min-width: 992px) {
    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        margin-top: 10px !important;
    }
    
    .nav-item.dropdown:hover .dropdown-menu,
    .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        margin-top: 0 !important;
    }
}

/* Transición para dropdowns en móvil */
@media (max-width: 991.98px) {
    .dropdown-menu {
        transition: all 0.3s ease;
        max-height: 0;
        overflow: hidden;
        display: block !important;
        opacity: 0;
    }
    
    .dropdown-menu.show {
        opacity: 1;
        max-height: 500px; /* Ajusta según necesites */
    }
}

/* drinks */

.drinks {

	width: 80%;
	margin: 2em auto;
}


.drink-col {
	 border-radius: 20px;
	padding: 2em;
	color: #fff;
  width: 45%;
  margin: 1em auto;
}

.drink-col-linea {
	 border-radius: 20px;
	padding: 2em;
	
  width: 45%;
  margin: 1em auto;
}

.row-lnea {
	display: flex;
	border-radius: 20px;
	padding: 1em;
	margin-bottom: 2em;
}

.drink-img {
	background-image: url(images/fondo-botellas.jpg);
	padding: 2em;
}

.img-salvaje-linea {
	background-image: url(images/fondo-botella-tienda.jpg);
}

.img-lobo-linea {
	background-image: url(images/fondo-para-botella-lobo-linea.png);
}

.img-trendy-soul-linea {
	background-image: url(images/fondo-botella-trendy-soul-linea.jpg);
}

.img-sdlc-linea {
	background-image: url(images/fondo-botella-tienda-sdlc.jpg);
}


.drink-info {
padding: 2em 5em;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: stretch;

}

.drink-info2 {
padding: 2em 5em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;


}

.drink-info2 h3.agotado {
	color: #cc3912;
	margin-top: 2em;
}

.info-linea {
	padding: 2em;
}

.drink-info h3 {
	text-align: center;
	font-size: 2em;
}

.drink-info h3 span {
	font-family: "Antonio", sans-serif;
	font-size: .1.2em;
	letter-spacing: 5px;

}

.drink-info2 a {
  font-size: 1.4em;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 0.5em;
    background-color: #000;
		color: #d7efff;
	border-radius: 10px;

}


.drink-info p {
   font-size: 1.4em;
	text-align: justify;
}

.drink-info a {
  font-size: 1.4em;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 0.5em;
	background-color: #fff;
	color: #d3bca9;
	border-radius: 10px;

}



.flor-salvaje .txt-ini p {
  font-size: 1.8em;
	color: #d3bca9;
}

.flor-salvaje .drink-info {
    
		background-color: #d3bca9;
}

.lobo-escondido .txt-ini p {
  font-size: 1.8em;
	color: #869db2;
}

.lobo-escondido .drink-info {
    
		background-color: #869db2;
}

.lobo-escondido .drink-info a {
    
		color: #869db2;
}


.solo-p-mujeres .txt-ini p {
  font-size: 1.8em;
	color: #efbc56;
}

.solo-p-mujeres .drink-info {
    
		background-color: #efbc56;
		color: #000;
}

.solo-p-mujeres .drink-info a {
    background-color: #000;
		color: #efbc56;
}


.trendy-soul .txt-ini p {
  font-size: 1.8em;
	color: #a4c13d;
}

.trendy-soul .drink-info {
    
		background-color: #a4c13d;
		color: #000;
}

.trendy-soul .drink-info a {
    background-color: #000;
		color: #a4c13d;
}

.sdlc .txt-ini p {
  font-size: 1.8em;
	color: #d7efff;
}

.sdlc  .drink-info {
    
		background-color: #d7efff;
		color: #000;
}

.sdlc .drink-info a {
    background-color: #000;
		color: #d7efff;
}

.drink-donde {
    padding: 2em 5em;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: stretch;
		background-color: #d4e8d4;
		color: #000;
}

.drink-donde > a {

	color: #000;
}

.drink-donde h4 {
  
  font-family: "Antonio", sans-serif;
	font-size: 2.6em;
	text-align: center;
	
}

.donde-col h4 {
  

	font-size: 2.3em;

	
}

.donde-col {
	border-radius: 20px;
	padding: 2em;
	color: #fff;
  width: 31%;
 margin: 1.1%;
}

.logo-letras {
	display: block;
	margin: 0 auto 5px auto;
}

.redes {
	text-align: center;
	padding: 2em 0;

}

.redes h3 {
	font-family: "Antonio", sans-serif;
	font-size: 1.2em;
}

.redes a {
	text-decoration: none;
	font-size: 1.4em;
}

.bg-salvaje {

	background-color: #d3bca9;

}

.color-salvaje {

	color: #d3bca9;

}

.bg-lobo {

	background-color: #869db2;

}

.color-lobo {

	color: #869db2;

}

.bg-spm {

	background-color: #efbc56;

}


.color-spm {

	color: #efbc56;

}


.color-trendy-soul {

	color: #a4c13d;

}

.bg-soul  {

		background-color: #a4c13d;

}

.color-sdlc {
	color: #d7efff;;
}

.bg-sdlc {
	background-color: #d7efff;;
}


.cont-row {
 display: flex;
 flex-direction: column;
 	margin-bottom: 2em;

}

.cont-row a {
 color: #000;
	
}

.cont-row img {
	padding: 0 2em;
}

p.triple-b {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}


.prox {
	font-weight: bold;
	font-size: 1.8em;
	letter-spacing: 10px;
	text-align: center!important;
}

/* responsive*/

@media (max-width:767px){

	.head-ini {
		background-position: center;

	}

.navbar-nav {
	text-align: center;
}

.dropdown-menu {
	text-align: center;
}

.dropdown-menu a {
 
    border-bottom: 1px #009ba491 solid;
    padding: 1em 0.5em;
}

/* Elimina el borde solo del último enlace */
.dropdown-menu li:last-child a {
    border-bottom: none;
}

.nav-item.dropdown:hover .dropdown-menu {
  
    width: 100%;
}

.logo-inicio img {

	width: 90%;
	margin: 0 5%;
}

.logos {
    margin-top: 3em;
    
}

.logo-btn {
	margin-bottom: 1em;
	padding: 0.5em;
}

.mix {
    display: block;
    position: relative;
    height: 440px;
}


.drinks {

	width: 90%;
	margin: 2em auto;
}


.drink-col {

  width: 100%;

}
.row-lnea {
	 display: block;
}

.drink-col-linea {

   width: 100%;
}


.drink-img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
	padding: 2em;
	margin-bottom: 0;
}
.drink-info, .drink-info2 {
	border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
	padding: 2em 1em;

}

.drink-donde h4 {
   
    font-size: 2.4em;
    
}

.donde-col {

  width: 100%;
  margin-bottom: 1em;

}

 .donde-col h4 {
   
    font-size: 1.9em;
    
}

.logos-linea > * {
	padding: 0;
}

.info-linea {
	padding: 1em 0em;
}



}

@media(max-width:640px){

	.bdy-intro {
 
    padding: 0em;
    padding-bottom: 2em;

}

.fondos {

	height: 400px;
	background-position: center;

}

.fondos2  {

	height: 240px;

}
.fondos-linea {
	flex-direction: column;
}

.row-lnea {

	padding: 0 1em;
} 

.logo-banner img {

	width: 60%;
	margin: 0 20%;
}


.texto-inicio h3 {
    font-size: 2.4em;
    text-align: center;
}

.drink-info h3 {
    
    font-size: 1.8em;
}

#contacto h4 {

    font-size: 2em;
    letter-spacing: 15px;
    padding: 1em 0;

}

.enlace a {

	font-size: 1.3em;


}

.contacto-abajo {
    padding: 2em;
    background-color: #d4e8d4;

}

.logo-contacto img {
    width: 70%;
    margin: 0 15%;
}

.texto-quienes img {
    margin-top: 1.4em;
    
}

.texto-quienes p

 {
    padding: 1em;
    font-size: 1.1em;
    margin-top: 1em;
}

.mix-txt {
    position: absolute;
    top: 260px;
    text-align: center;
    color: #FFF;
}

.mix-txt p {
    font-size: 1.1em;
    padding: 0 1em;
}

.flor-salvaje .txt-ini p

 {
    font-size: 1.4em;
   
    padding: 0;
}

.drink-info p {
    font-size: 1.2em;
   
}

.sec-contacto a {

	font-size: 1em;
}

.cont-row {

}
.cont-row img {
	padding: 0 1em;
	
}


}


@media(max-width:568px){

	.logo-inicio, .texto-inicio, .btn-inicio{

	padding: 1em 0;
}

.btn-inicio a {
  
    padding: 0.4em 1em;
 
    font-size: 1.6em;
 
}
	.txt-ini p, .lobo-escondido .txt-ini p, .flor-salvaje .txt-ini p, .solo-p-mujeres .txt-ini p, .trendy-soul .txt-ini p {

    font-size: 1.4em;
    padding: 0.5em;
    text-align: center;
}

.logos {
    
    margin-bottom: 0;
}

#contacto {
    margin-top: 1em;
    margin-bottom: 2em;
}

.logo-picos-rosa {

	width: 70%;
	margin: 30px 15% 0 15%;
}

#contacto h4 {

    font-size: 2.2em;
    letter-spacing: 15px;

}

.contacto-arriba {
    padding: 3em 2em;
}

.sec-contacto a {

	font-size: 0.9em;
}

.prox {

	letter-spacing: 6px;

}

}