@charset "UTF-8";
/* CSS Document */

/****************************************************************************
****************************************************************************
COMPONENTES
****************************************************************************
****************************************************************************/

html, body {
	-webkit-overflow-scrolling:touch;
	scroll-behavior: smooth;
}

/*************************************
SIZING
*************************************/

.main-section {
	padding-top: var(--m8);
	padding-bottom: var(--m8);
}

.header-section,
.izar-section,
.all-in-one-section,
.phases-section,
.all-section,
.open-platform-section,
.news-section,
.deneb-section,
.logos-section
 {
 	
}





/*************************************
FONTS
*************************************/

h1 {
	font-size: 48px;
	line-height: 56px;
}

h2 {
	font-size: 32px;
	line-height: 48px;
}

h4 {
	font-size: 21px;
	line-height: 28px;
}

h5 {
	font-size: 16px;
}

p.section-intro {
	font-size: 21px;
	line-height: 32px;
}

/***************
SLIDER - FLECHAS
***************/
button.slick-prev,
button.slick-next {
	width: 32px;
	height: 32px;
	opacity: 1;
}




/****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************

INDEX

****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************/


/****************************************************************************
****************************************************************************
MENU
****************************************************************************
****************************************************************************/

/* Quitar padding ******/
.menu-section {
	padding: 0px 0px;
}

/* Hide Big ******/
.menu-section .menu-content {
	display: none;
}

/* Cambiar opacidad fondo y scroll body ******/
body.mobile-on {
	overflow: hidden;
}

body.mobile-on .menu-section {
	background-color: rgba(0, 10, 20, 0.95) !important;
}

.menu-section.scroll {
	background-color: var(--dark-blue-1);
	padding: 0px 0px !important;
}

/* Show mobile ******/
.menu-section .full-content-in.mobile,
.menu-section .full-content-in.desktop .menu-content-mobile {
	display: block;
}

/* Hanburguesa ******/
.menu-section .logo-deneb {
	width: 130px;
}

/* Hanburguesa ******/
.menu-section .menu-content-mobile {
	background-image: url("../img/img-icons/hamburger.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 32px;
	height: 32px;
}

.menu-section .menu-content-mobile.close {
	background-image: url("../img/img-icons/close-white.svg");
}

/* Menu ******/

.menu-section .full-content-in.mobile {
	height: calc(100vh - 56px);
	padding: var(--m2) var(--m4) var(--m4);
	display: none;
}

.menu-section .full-content-in.mobile .menu-item-mobile {
	display: block;
	padding: var(--m2);
	margin-bottom: var(--m1);
	background-color: rgba(255,255,255,0.1);
	color: var(--white);
	text-align: center;
}

.menu-section .centered-btn {
	text-align: center;
	margin-top: var(--m4);
}


/****************************************************************************
****************************************************************************
HEADER
****************************************************************************
****************************************************************************/

.header-section .full-content-in h4 {
	margin-top: var(--m4);
	margin-bottom: var(--m3);
}


/****************************************************************************
****************************************************************************
BENEFITS
****************************************************************************
****************************************************************************/

/**************
FASES
**************/

.benefits-section .full-content-in .phases {
	flex-wrap: wrap;
	padding: var(--m3);
}

.benefits-section .full-content-in .phases .benefit-in {
	flex-basis: 50%;
}

.benefits-section .full-content-in .phases .benefit-in-1,
.benefits-section .full-content-in .phases .benefit-in-2 {
	border-bottom: 1px solid var(--dark-blue-1);
	padding-bottom: var(--m2);
}

.benefits-section .full-content-in .phases .benefit-in-1,
.benefits-section .full-content-in .phases .benefit-in-3 {
	border-right: 1px solid var(--dark-blue-1);
}

.benefits-section .full-content-in .phases .benefit-in-3,
.benefits-section .full-content-in .phases .benefit-in-4 {
	padding-top: var(--m2);
}

.benefits-section .full-content-in .phases .benefit-in img {
	margin-bottom: var(--m3);
	width: 70px;
}

.benefits-section .full-content-in .phases .benefit-in h4 {
	font-size: 18px;
	margin-bottom: 0;
}

.benefits-section .full-content-in .phases .benefit-in-plus,
.benefits-section .full-content-in .phases a {
	display: none;
}


/**************
BENEFICIOS
**************/

.benefits-section .full-content-in .benefits {
	display: block;
	padding: var(--m1) var(--m2);
}

.benefits-section .full-content-in .benefits .benefit-in {
	margin: var(--m1) 0px var(--m1);
}


/****************************************************************************
****************************************************************************
IZAR EN MI EQUIPO
****************************************************************************
****************************************************************************/

.izar-section .full-content-in h4 {
	margin-top: var(--m6);
	margin-bottom: var(--m7);
}

.izar-section .full-content-in p.section-intro {
	margin-top: var(--m7);
}

/****************************************************************************
****************************************************************************
FASES
****************************************************************************
****************************************************************************/


.phases-section .phases-in-container {
	display: block;
}

/**************
PRUEBA FIX
**************/

.phases-section {
	height: auto;
	padding-top: 80px;
	padding-bottom: 100px;
}


.phases-section .full-content-in {
	height: auto;
	padding-top: 20px;
	padding-bottom: 0px;
}

#phases-in-0,
#phases-in-1,
#phases-in-2,
#phases-in-3,
#phases-in-4 {
	height: auto;
	display: block;
}

 #phases-in-1 h2 {
	margin-top: 20px;
	margin-bottom: 60px;
}

#phases-in-4 h2 {
	font-size: 40px;
	margin-top: 80px;
	margin-bottom: 0px;
}

#phases-in-4 {
	padding-bottom: 120px;
}

#phases-in-4 h2 span {
	margin-bottom: 0px;
}



/**************
DISTRIBUCION
**************/

.phases-section .phases-in-container .phases-in-left {
	margin-right: 0;
	width: 100%;
}

.phases-section .phases-in-container .phases-in-right {
	margin-left: 0;
	width: 100%;
}

.phases-section .phases-in-container .phases-in-text a {
	display: none;
}

/**************
EXOSCOPIO
**************/


.phases-section .exoscope img {
	margin-top: var(--m6);
	margin-bottom: -88px;
}


/****************************************************************************
****************************************************************************
TODAS LAS CIRUGIAS
****************************************************************************
****************************************************************************/

.all-section {
	border-top: 1px solid rgba(255,255,255,0.1);
}

/*
.main-section .all-kind-out-container button.slick-prev,
.main-section .all-kind-out-container button.slick-next {
	margin-top: -50px;
}

.main-section .all-kind-out-container button.slick-prev {
	margin-right: -40px;
	margin-left: 8px;
}

.main-section .all-kind-out-container button.slick-next {
	margin-left: -40px;
	margin-right: 8px;
}*/

button.slick-prev,
button.slick-next {
	margin-top: -50px !important;
}

button.slick-prev {
	margin-right: -40px;
	margin-left: 8px;
}
button.slick-next {
	margin-left: -40px;
	margin-right: 8px;
}

/****************************************************************************
****************************************************************************
OPEN PLATFORM
****************************************************************************
****************************************************************************/

.open-platform-section img {
	margin-top: var(--m6);
	margin-bottom: -140px;
}

/****************************************************************************
****************************************************************************
TESTIMONIOS
****************************************************************************
****************************************************************************/

/**************
CAJA DE FUERA
**************/

.testimonios-out-container {
	margin-top: var(--m8);
}

/**************
CADA TESTIMONIO
**************/

.testimonio-in-container {
	height: auto !important;
	width: 100%;
	flex-direction: column;
}

/* Texto *******/

.testimonio-in-container .testimonio-text {
	width: 100%;
	padding: var(--m3);
	order: 2;
}

.testimonio-in-container .testimonio-text img {
	margin-bottom: var(--m2);
	width: 40px;
}

.testimonio-in-container .testimonio-text p.p2 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: var(--m4);
}

.testimonio-in-container .testimonio-text p.name {
	font-size: 14px;
	line-height: 20px;
}

.testimonio-in-container .testimonio-text p.p1 {
	font-size: 14px;
	line-height: 16px;
}

/* imagen *******/

.testimonio-in-container .testimonio-img {
	width: 100%;
	height: 240px;
	order: 1;
}


/****************************************************************************
****************************************************************************
DENEB
****************************************************************************
****************************************************************************/

.deneb-section {
	background-position: right -260px center;
}

.deneb-section {
	margin-bottom: -20px;
}

.deneb-section .deneb-text {
	width: 70%;
	background-color: rgba(255,255,255,0.2);
	padding: var(--m3);
}

/****************************************************************************
****************************************************************************
TRABAJA CON NOSOTROS
****************************************************************************
****************************************************************************/

.job-section {
	padding: var(--m4) 0 var(--m6);
}

.job-section .full-content-in {
	display: block;
	text-align: center;
}

.job-section .full-content-in p {
	font-size: 18px;
	width: 100%;
	margin-bottom: var(--m6);
}

/****************************************************************************
****************************************************************************
LOGOS
****************************************************************************
****************************************************************************/

.logos-section {
	padding-top: var(--m7);
	padding-bottom: var(--m7);
}

.logos-section .full-content-in .logos-main .logos-in-container img {
	height: 64px;
}

.logos-section .full-content-in .logos-second .logos-in-container img {
	height: 32px;
}

/****************************************************************************
****************************************************************************
FOOTER
****************************************************************************
****************************************************************************/

.footer-section {
	padding-top: var(--m6);
	padding-bottom: var(--m6);
}

.footer-section .full-content-in {
	display: block;
}

.footer-section .full-content-in a {
	margin-bottom: var(--m3);
	display: block;
}

.footer-section .full-content-in .condiciones,
.footer-section .full-content-in .contact {
	text-align: center;
}

.footer-section .full-content-in .condiciones a {
	margin-right: 0;
}

.footer-section .full-content-in .contact a {
	margin-left: 0;
}


/****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************

CONTACT

****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************/


/**************
MENU y BODY
**************/

.no-home-body .menu-section {
	padding: 0px 0;
}

/**************
FORMULARIO
**************/

.no-home-body form {
	padding: var(--m4);
}

.no-home-body form .actions a {
	display: block;
}


/****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************

NEWS

****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************/

.news-page .news-out-container {
	margin-top: var(--m6);
}

.news-page .news-out-container {
	display: block;
}

.news-page .news-out-container .news-in-container {
	width: 100%;
	margin-bottom: 16px;
	margin-left: 0px;
	margin-right: 0px;
}

.news-page .news-out-container .news-in-container:nth-child(3n-1) {
    margin-left: 0%;
    margin-right: 0%;
}