/*!
Theme Name: Orbitta Child
Theme URI: https://orbitta.es/
Author: Orbitta
Author URI: https://orbitta.es/
Template: orbitta
Description: Orbitta Theme Child
Version: 1.0
Text Domain: orbitta-child
*/

/* General (root) */

/* Fonts */

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
}

p, li {
font-family: Inter;
font-size: var(--fs14);
font-style: normal;
font-weight: 300;
line-height: normal;
}

::marker {
color: #FF4400;
font-family: Inter;
font-size: var(--fs14);
font-weight: 900;
}

h1, h2, h3, h4, h5, p {
	font-family: "Inter", sans-serif;
}
h1{
font-size: var(--fs65);
font-weight: 700;
line-height: 1.1;
}
h2, .fs32b{
font-size: var(--fs32);
font-style: normal;
font-weight: 700;
line-height: 1.1;
margin-bottom: 20px;
}
h3, h4, .fs22b {
font-size: var(--fs22);
font-weight: 700;
line-height: normal;
margin-bottom:20px;
}


.fs52b{
font-size: var(--fs52);
font-style: normal;
font-weight: 700;
line-height: normal;
}

.titulo-azul{
	color: #30F1F8;
text-align: right;
font-size: var(--fs15);
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
}

.opiniones {
color: #607197;
font-family: Inter;
font-size: var(--fs12);
font-weight: 400;
	margin-top:10px;
}

.opiniones-sector {
	color: #080C3D;
font-size: var(--fs12);
font-weight: 300;
}
.opiniones-clientes {
color: #080C3D;
font-size: var(--fs14);
font-weight: 700;
}


/* Icons */

/* Elements */

/* Header */

/* Bloques Guttenberg */

/* Shortcodes */

/* Contact Form 7 */

/* Archive y Post */

/* Categoria y Producto (woo) */

/* Pages */

/*********** LP auditoría gratuita **********/
/* above the fold */

.btn-txt-linea {
	text-decoration: underline;
    text-decoration-color: #FF4400;
    text-decoration-thickness: 3px;
}

.column, .wp-block-column.right {
	align-items:flex-end;
}

.bullets-above-block {
	max-width: 316px;
}

.dato-above-block {
border-radius: 13px;
border: 2px solid #0FBEC4;
background: rgba(0, 183, 190, 0.30);
box-shadow: 0 4px 34px 0 rgba(6, 221, 229, 0.40);
backdrop-filter: blur(22px);
padding:20px;
padding-right:100px;
}

.dato-block-rel {
position:relative;
}

.dato-above-block p{
font-size:16px;
}

figure.wp-block-image.size-full.monitor-google {
width: 246px !important;
position:absolute;
top: -140px;
right: -100px;
}
.cat-com {
position:absolute;
right: 41px;
bottom: 10px;
}
.above-info{
height: 58vh;
}

.bloque-azul-der {
align-items: flex-end;}

/* botones*/

.wp-block-button .wp-block-button__link{
border-radius: 40px;
background: #F40;
	color:#fff;
	margin:30px 0px;
	text-transform: uppercase;
	font-weight:700;
	font-size:14px;
	letter-spacing: 1.4px;
	font-family: Inter;
	padding: 25px 40px;
}

.boton-leyenda {
	max-width:400px;
}

/* bloques*/
.como-funciona .has-white-background-color{
	border-radius: 20px;
	padding:30px;
}

.como-funciona .items-como p {
	padding:8px 10px;
	border-radius:50px;
	border:1px solid #000;
}

.que-incluye-block img{
	max-width: 50px;
}

.pq-highlights .wp-block-column .wp-block-group__inner-container{
	max-width:330px;
}
.pq-highlights .wp-block-group{
justify-items: center;
}



/****************************** FIN LP auditoria *****************/
/* Woo Pages */

/* Custom Post */

/* Footer */


/*--------------------------------------------------------------
>>> MEDIA QUERYS:
---------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
  /* Estilos para dispositivos móviles (teléfonos y tablets en orientación vertical) */
.bloque-azul-der {
		display:none;
	}
.above-info {
		flex-direction: column-reverse;
	flex-wrap: nowrap !important;
	    height: auto;
	}
	.dato-block-rel {
		margin:50px;
	}
	p.has-text-align-center.mt15.has-text-color.has-link-color.wp-elements-fc510c1bed14470336edb205c1589c5d{
		color:#fff!important;
	}
	.logo-nav{
		flex-wrap: nowrap!important;
	}
	.pq-orbitta img{
		height: 130%!important;
	}
}

@media only screen and (min-width: 1024px)	{
  /* Estilos para pantallas de escritorio y dispositivos más grandes */
	
	
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Estilos para pantallas medianas (por ejemplo, laptops pequeñas y tablets grandes) */

}

@media only screen and (min-width: 1280px)	{
  /* Estilos para pantallas grandes (por ejemplo, laptops grandes y monitores de escritorio) */

}