/*
Theme Name: voltasmoreno
Author: navarraweb
Version: 1.0
Description: voltasmoreno
License URI: http://www.opensource.org/licenses/GPL-3.0
*/
body,
html{
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	color:#45516d;
}

.azul{
	color:#45516d;
}
.marron{
	color:#ba976b;
}
.gris{
	color:#efefef;
}
.bg-gris{
	background-color:#efefef;
}
.bg-marron{
	background-color:#ba976b;
}
.text-underline{
	text-decoration:underline;
}

::-moz-selection {
	background:#45516d;
	text-shadow:none;
	color:#fff;
}
::selection {
  background:#45516d;
  text-shadow:none;
  color:#fff;
}

.wow{
	visibility:hidden;
}

section{
	padding-top:5rem;
	padding-bottom:5rem;
}
@media (min-width: 1200px) {
	section{
		padding-top:7rem;
		padding-bottom:7rem;
	}
}

/*Navegador*/
.navbar{
	background-color:transparent;
}
@media (max-width: 1199px) {
	.navbar{
		background-color:#45516d;
	}
}

.smart-scroll{
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:1030;
}
/*
.scrolled-down{
	transform:translateY(-100%);
	transition: all 0.3s ease-in-out;
}
.scrolled-up{
	transform:translateY(0);
	transition: all 0.3s ease-in-out;
	background-color:#45516d;
}
*/
@media (min-width: 1199px) {
	.scrolled-down{
		margin-top:0px;
		transform:translateY(-100%);
		transition: all 0.5s ease-in-out;
	}
	.scrolled-up{
		background-color:#45516d;
		margin-top:0px;
		transform:translateY(0);
		transition: all 0.5s ease-in-out;
	}
	.smart-scroll.arriba{
		background-color:transparent;
	}
	.page-template-default .smart-scroll.arriba{
		background-color:#45516d;
	}
}


@media (min-width: 992px) {
	.navbar-brand{
		margin-left:1rem;
		margin-right:2rem;
	}
}
.navbar-brand h1{
	margin-bottom:0;
}
.navbar-brand img{
	height:1.5rem;
	width:auto;
	margin-bottom:7px;
}

.navbar-text .citas,
.navbar-text .whatsapp{
	display:block
}
.navbar-text .direccion{
	display:none
}
.navbar-text .whatsapp img{
	width:15px;
	height:auto;
}
@media (min-width: 1200px) {
	.navbar-text{
		margin-right:1rem;
	}
	.navbar-text .citas{
		display:inline-block;
	}
	.navbar-text .whatsapp{
		display:inline-block;
		margin-left:1rem;
	}
	.navbar-text .direccion{
		display:none;
		margin-left:1rem;
	}
}
@media (min-width: 1600px) {
	.navbar-text .whatsapp{
		margin-left:2rem;
	}
	.navbar-text .direccion{
		margin-left:2rem;
		display:inline-block;
	}
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-text{
	color:#fff;
}
@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .nav-link{
		padding-left:1rem;
		padding-right:1rem;
	}
}

.navbar-dark .navbar-toggler{
	border:none;
}

/*Inicio*/
body.page-template-inicio{
	background-color:#45516d;
}
.masthead{
	background-size:cover;
	background-position:center center;
	background-color:#000;
	height:100vh;
}
.masthead:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100vh;
	background:rgba(0,0,0,0.4);
}
.masthead h2{
	position:absolute;
	bottom:2rem;
	left:2rem;
	color:#fff;
	font-weight:400;
	z-index:1;
}
@media (min-width: 1200px) {
	.masthead h2{
		font-size:3rem;
	}
}

.titulo{
	font-size:1rem;
	text-transform:uppercase;
}
.texto-grande{
	font-size:2rem;
}
@media (max-width: 991px) {
	.texto-grande{
		font-size:1.6rem;
		line-height:1.4;
	}
}
.texto-mediano{
	font-size:1.2rem;
}
.bg-gris .titulo{
	color:#ba976b;
}
.bg-marron .titulo{
	color:#ffffff;
}
@media (min-width: 992px) {
	#tratamientos .texto-mediano{
		max-width:240px;
	}
}

/*Acordeón*/
.acordeon{
	padding-bottom:2rem;
}
.acordeon .card{
	border-radius:0;
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #ba976b;
}
.acordeon h4.pt-5{
	border-bottom: 1px solid #ba976b;
}
.acordeon .card:first-child{
	border-top: 1px solid #ba976b;
}
.acordeon .card-header{
    padding:0;
    margin-bottom:0;
	background-color: transparent;
    border-bottom:none;
}
.acordeon .card-header h5{
	font-size:1rem;
	cursor:pointer;
	margin-bottom:0;
	margin-right:30px;
	padding:10px 0;
}
.acordeon .card-header h5:hover{
	color:#ba976b;
}
.acordeon .card-header h5:after{
	content:'';
	background-image:url('img/iconos/angle-right-blue.svg');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	width:1rem;
	height:1rem;
	position:absolute;
	right: 0px;
	top: 12px;
	transform:rotate(-90deg);
	transition: all 0.3s ease-in-out;
}
.acordeon .card-header h5.collapsed:after{
	transform:rotate(0deg);
}
.acordeon .card-body{
	padding-left:0;
}

.caja{
	padding:2rem 0;
	position:relative;
}
@media (min-width: 1200px) {
	.caja{
		padding:4rem;
		height:100%;
	}
}

#laboratorio h2{
	margin-bottom:2rem
}
@media (min-width: 1200px) {
	#laboratorio h2{
		margin-bottom:4rem
	}
}
@media (min-width: 1450px) {
	#laboratorio .texto-grande{
		max-width:500px;
	}
	#laboratorio .texto-abajo{
		position:absolute;
		bottom:4rem;
		left:4rem;
		font-size:1.2rem;
	}
}

/*Footer*/
footer{
	padding:1rem;
}
@media (min-width: 992px) {
	footer{
		padding:3rem 1rem 2rem;
	}
}
.logo-footer{
	width:400px;
	max-width:100%;
	height:auto;
	padding-top:0.5rem;
}
@media (max-width: 1199px) {
	.logo-footer{
		padding:2rem 0;
	}
}
.whatsapp-footer img{
	width:15px;
	height:auto;
}


.logo-prodana{
	width:80px;
	max-width:100%;
	height:auto;
}

.scroll-to-top{
	position:fixed;
	bottom:1rem;
	right:2rem;
}

/*Cookies*/
#pdcc-modal-bg{
	align-items:end!important;
	padding-bottom:0!important;
}
#pdcc-modal-bg #pdcc-modal-container{
	border-radius:0!important;
	width:100%!important;
	margin:0!important;
}
#pdcc-modal-bg #pdcc-modal-container p{
	text-align:left!important;
	font-size:14px!important;
}

#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all,
div#pdcc-message-container p span#pdcc-message-accept,
#pdcc-modal-reject{
	padding: 8px 20px!important;
	border: 1px solid #000!important;
	text-decoration: none!important;
	background-color:#000!important;
	color:#fff!important
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings,
div#pdcc-message-container p span#pdcc-message-config,
#pdcc-modal-reject{
	padding: 8px 20px!important;
	border: 1px solid #000!important;
	text-decoration: none!important;
	background-color:#fff!important;
	color:#000!important
}

#pdcc-modal-header{
	display:none;
}
#pdcc-modal-container{
	padding:2rem!important;
}
#pdcc-modal-bg #pdcc-modal-container p:last-child{
	margin-bottom:2rem;
}
#pdcc-modal-acceptance {
	margin-top:0!important;
}
#pdcc-modal-accept,
#pdcc-modal-reject,
#pdcc-modal-config{
	width:100%;
	max-width:100%;
	margin-left:0!important;
	text-align:left!important;
	margin-bottom:1rem;
	display:block!important;
	margin-left:auto!important;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings,
#pdcc-modal-reject{
	color:#fff!important;
	background-color:#45516d!important;
	border:1px solid #45516d!important;
	border-radius:0!important;
	font-size:14px!important;
	padding:15px!important;
	padding-right:60px!important;
	position:relative!important;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings,
#pdcc-modal-reject{
	color:#45516d!important;
	background-color:#ffffff!important;
	border:1px solid #45516d!important;
	margin-bottom:0;
}
#pdcc-modal-reject{
	margin-bottom:1rem;
}
#pdcc-modal-accept:after,
#pdcc-modal-accept-all:after{
	position:absolute;
	right:15px;
	top:17px;
}
#pdcc-modal-config:after,
#pdcc-modal-deny-all:after,
#pdcc-modal-save-settings:after{
	position:absolute;
	right:15px;
	top:17px;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept:hover,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all:hover{
	background-color:#0354e9!important;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config:hover,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all:hover,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings:hover,
#pdcc-modal-reject:hover{
	color:#fff!important;
	background-color:#0354e9!important;
	border-color:#0354e9!important;
}
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept:active,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-accept:focus,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config:active,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-info #pdcc-modal-acceptance div#pdcc-modal-config:focus,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all:active,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-accept-all:focus,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all:active,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-deny-all:focus,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings:active,
#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings div#pdcc-modal-save-settings:focus{
	color:#fff!important;
	background-color:#002D9C!important;
	border-color:#fff!important;
	outline:2px solid #45516d!important;
}

@media (min-width: 768px) {
	#pdcc-modal-bg #pdcc-modal-container p:last-child{
		margin-bottom:0;
	}
	#pdcc-modal-description{
		width:66.66%;
		float:left;
		padding-right:1rem;
	}
	#pdcc-modal-acceptance{
		width:33.33%;
		float:right;
	}
	#pdcc-modal-accept,
	#pdcc-modal-reject,
	#pdcc-modal-config{
		width:300px;
	}
}

#pdcc-modal-bg #pdcc-modal-container div#pdcc-modal-body div#pdcc-modal-settings #pdcc-modal-services{
	border-radius:0!important;
}

#pdcc-modal-bg #pdcc-modal-container a{
	color:#45516d;
}

	
	
	
	
/*Responsive*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}
/* XXL devices (large desktops, 1300px and up)*/
@media (min-width: 1300px) {}
/* XXL devices (large desktops, 1300px and up)*/
@media (min-width: 1450px) {}