
.servicios_verde{
	background-color: #005458;
}

.texto_verde{
	color: #005458;
}

.servicios_verde p{
	color: white;
}

.servicios_verde ul li {
    color:white;
}

/* ===================================
	SECCION BLANCA
=====================================*/

.imagen_seccion_bln{
	width: 70%;
	padding: 70px;
	margin: auto;
}

.imagen_seccion_bln img {
	width: 100%;
}

.textos_bln{
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 30px;
	padding-left: 0px;
	left: 0px;
}

.servicios_blancos ul li {
    color:#005458;
}

.servicios_blancos b{
    color:#005458;
}

.servicios_blancos img{
    border-radius:100%;
}



/* ===================================

=====================================*/

.banner{
	background-image: url('../img/new/Escríbenos-14.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 50px 0px;
}

.dermatologia_img{
	background-image: url('../img/new/9.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dermatologia_limpieza_facial{
    background-image: url('../img/img_servicios/Limpieza facial y porcelanizacion-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dermatologia_biopsia{
    background-image: url('../img/img_servicios/biopsia de piel-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dermatologia_toxina{
    
    background-image: url('../img/img_servicios/toxina botulinica.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ejercicios_21dias{
    background-image: url('../img/img_servicios/reto 21 dias-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ejercicios_consulta{
    background-image: url('../img/img_servicios/consulta-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.fisioterapia_valoracion{
    background-image: url('../img/img_servicios/valoracion-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nutricion_consulta{
    
    background-image: url('../img/img_servicios/consulta nutrición-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nutricion_aumento{
    background-image: url('../img/img_servicios/aumento masa muscular-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.psicologia_conexion{
    
    background-image: url('../img/img_servicios/conexion personal-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.psicologia_personal{
    background-image: url('../img/img_servicios/consulta-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.equilibrio_emociones{
    
    background-image: url('../img/img_servicios/sueño pensamientos y emociones-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.equilibrio_consulta{
    background-image: url('../img/img_servicios/consulta sueño-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.cirugia_consulta{
    background-image: url('../img/img_servicios/consulta cirugia plastica.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cirugia_rinoplastia{
    
    background-image: url('../img/img_servicios/rinoplastia.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cirugia_abdominoplastia{
    background-image: url('../img/img_servicios/abdominoplastia.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.textos{
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 30px;
	padding-left: 100px;
}

.textos ul li b {
	color: white;
}



/*=============================================
	IMAGENES PARA EL FONDO DE LOS SERVICIOS
=============================================*/

.img-fondo-servicios{
    padding: 20px 0px;
    background-image: url('../img/new/Dermatología-10.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}




/* DISEÑOS RESPONSIVE */

@media (max-width: 320px) {
    
    .menu{
        height:120px;
    }

	.nuestros_expertos .container_pp .row .col-12{
		margin-bottom: 15px;
	}
	
	.dermatologia_img{
	    height: 300px; /* o cualquier otra altura que desees */
        width: 100%; /* para que la imagen se ajuste al ancho del contenedor */
        object-fit: cover;
	}
	
	.textos,.textos_bln{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }

	.titulo-central{
		padding-top: 0px;
	}

	.nuestros_expertos .container_pp{
		margin-top: -20px;
		padding: 50px;
	}
	
    /* Estilos para imágenes */
	.col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90% !important;
		margin: auto;
	}

	.video, iframe{
		width: 300px;
	}


	.imagen-agendar{
		width: 100%;
	}

	.distintivos_col{
		padding: 0px 50px;
	}

}

/* Estilos para móvil pequeño (360x640) */
@media (max-width: 360px) {

	.nuestros_expertos .container_pp .row .col-12{
		margin-bottom: 15px;
	}
	
	.menu{
        height:120px;
    }
    
    .dermatologia_img{
	    height: 300px; /* o cualquier otra altura que desees */
        width: 100%; /* para que la imagen se ajuste al ancho del contenedor */
        object-fit: cover;
	}
	
	.textos,.textos_bln{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }

	.titulo-central{
		padding-top: 0px;
	}

	.nuestros_expertos .container_pp{
		margin-top: -20px;
		padding: 50px;
	}

    /* Estilos para imágenes */
	.col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90%;
		margin: auto;
	}

	.video, iframe{
		width: 350px;
	}
	
	.imagen-agendar{
		width: 100%;
	}

	.distintivos_col{
		padding: 0px 50px;
	}

}

/* Estilos para móvil medio (375x667) */
@media (max-width: 375px) {

	.nuestros_expertos .container_pp .row .col-12{
		margin-bottom: 15px;
	}
	
	.dermatologia_img{
	    height: 300px; /* o cualquier otra altura que desees */
        width: 100%; /* para que la imagen se ajuste al ancho del contenedor */
        object-fit: cover;
	}
	
	.menu{
        height:120px;
    }
	
	.textos,.textos_bln{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }


	.titulo-central{
		padding-top: 0px;
	}

	.nuestros_expertos .container_pp{
		margin-top: -20px;
		padding: 50px;
	}
    /* Estilos para imágenes */
	.col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90%;
		margin: auto;
	}
	.video, iframe{
		width: 350px;
	}
	
	.imagen-agendar{
		width: 100%;
	}

	.distintivos_col{
		padding: 0px 50px;
	}
}

/* Estilos para móvil medio (375x667) */
@media (max-width: 470px) {
	.titulo-central{
		padding-top: 0px;
	}
	
	.menu{
        height:120px;
    }
    
    .dermatologia_img{
	    height: 300px; /* o cualquier otra altura que desees */
        width: 100%; /* para que la imagen se ajuste al ancho del contenedor */
        object-fit: cover;
	}
	
	.textos,.textos_bln{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }

	.nuestros_expertos .container_pp .row .col-12{
		margin-bottom: 15px;
	}

	.nuestros_expertos .container_pp{
		margin-top: -20px;
		padding: 50px;
	}

    /* Estilos para imágenes */
    .col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90%;
		margin: auto;
	}

	.video{
		width: 370px;
		margin: auto;
	}

	.video, iframe{
		width: 370px;
	}

	.distintivos_col{
		padding: 0px 50px;
	}
	

	.imagen-agendar{
		width: 60%;
	}
}


/* Estilos para ordenador portátil medio (1366x768) */
@media (min-width: 768px) and (max-width: 1366px) {
    
	.carousel-inner {
		width: 90%;
		margin: auto;
	}
	
	.plus_padding{
	    padding-top:8%;
	}

	.video{
		width: 370px;
		margin: auto;
	}

	.video, iframe{
		width: 450px;
	}
	
	.imagen-agendar{
		width: 60%;
	}
}

/* Estilos para escritorio grande (1920x1080) */
@media (min-width: 1080px) {
.plus_padding{
	    padding-top:8%;
	}
}



/* Estilos para escritorio medio (1440x900) */
@media (min-width: 900px) and (max-width: 1440px) {
.plus_padding{
	    padding-top:8%;
	}
}

/* Estilos para móvil grande (720x1280) */
@media (min-width: 1280px) and (max-width: 720px) {

}
