:root{
--durazno1:#FFBE98;
--durazno2:#FFCBAC;
--durazno3:#FFD8C1;
--Azul1:#00568B;
--Azul2:#6699B9;
--Azul3:#CCDDE7;
}
a:focus{
outline: none !important;
}
.wp-block-button__link:hover{
color:#ffffff !important;
}
select option{
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
} .titulo-especial {
margin-bottom: 60px;
&::after{
content: '';
width: 100px;
height: 2px;
background: var(--Azul2);
display: block;
margin-top: 20px;
}
}
.titulo-especial-centrado::after{
content: '';
width: 100px;
height: 2px;
background: var(--Azul2);
display: block;
margin: 20px auto 0 auto;
}
.contenido-centrado{
max-width:1200px;
margin:auto;
} @media(min-width: 991px){
.slide-movil{
display: none;
}
}
@media(max-width: 992px){
.slide-pc{
display: none;
}
}
.slide-pc.ms-theme-databold .flexslider .caption-wrap .caption{
background: none !important;
box-shadow: none !important;
}
.slide-pc .caption h1{
color: var(--Azul1);
line-height: 1.2em;
font-size: 2vw;
background: rgba(255, 255, 255, 0.8);
margin-left: -90px;
padding: 20px 20px 20px 150px; }
.metaslider .caption a{
color: #ffffff !important;
background: var(--Azul1);
padding: 10px 20px;
border-radius: 5px;
&:hover{
background: var(--Azul2) !important;
}
}
.slide-movil .caption h1{
color: var(--Azul1);
}
.slide-movil .caption-wrap{
background: #c4dceb !important;
opacity: 1 !important;
padding: 20px;
position: relative !important;
} .caracteristicas .wp-block-column{
border-top:5px solid var(--durazno1) ;
&:first-child{
border-color: var(--durazno3);
}
&:nth-of-type(2){
border-color: #FFEBE0;
}
}
.servicios-inicio{
figure{
min-width:60px;
}
}
.bienvenidos-inicio{
background:url(https://quidharma.com/wp-content/themes/oceanwp-child-theme-master/images/bienvenidos.webp) no-repeat left top;
}
.testimonios .ghostkit-carousel-items{
max-width: 100px;
} .formulario {
display: flex;
flex-flow: row wrap;
gap: 10px;
label{
color: var(--Azul1);
font-weight: 600;
}
input[type="text"],
input[type="email"],
textarea{
border-radius: 5px;
background: #ffffff;
}
}
.formulario p {
width: 100%;
&:nth-last-of-type(n+4) {
width: calc(50% - 5px);
}
}
.presupuesto-inicio .formulario{
input, textarea{
border: none !important;
}
} .faq{
max-width: 700px;
margin: auto;
.ghostkit-accordion-item-heading{
background: var(--Azul3);
color: var(--Azul1);
padding: 0 20px;
margin-bottom: 3px;
}
} .formulario-trabajo{
h2{
font-size: 1.5em;
background: var(--Azul2);
padding: 10px 20px;
color: #fff;
}
h3{
font-size: 1.2em;
background: var(--Azul3);
padding: 10px 20px;
color: var(--Azul1);
}
label{
color: var(--Azul1);
font-weight: 400;
font-weight: 600;
}
.wpcf7-checkbox{
display: flex;
flex-flow: row wrap;
flex-direction: column;
}
.wpcf7-checkbox, .wpcf7-radio{
label{
color: #000000;
font-weight: 400;
font-size: 0.8em;
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;
}
}
input[type=checkbox]:checked:before{
color: var(--Azul1);
}
input[type=radio]{
accent-color: var(--Azul1);
}
@media(min-width: 992px){
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
h2, h3, hr, .referencias, .completo{
grid-column: 1 / 4;
}
.referencias{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
}
span.required {
color: #9f0505 !important;
font-size: 14px !important;
}
}
.error-message{
font-size: 14px !important;
font-weight: 400 !important;
} div label:has(input[type=radio], input[type=checkbox]) span{
margin-left: 5px;
}
.error-message {
order: -1;
width: 100%;
margin-bottom: 10px;
} .cargador {
position: fixed;
background: rgba(255, 255, 255, 0.9);
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 999999;
}
.sk-chase {
width: 40px;
height: 40px;
position: relative;
animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; 
animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}
.sk-chase-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: var(--Azul1);
border-radius: 100%;
animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}
.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
@keyframes sk-chase {
100% { transform: rotate(360deg); } 
}
@keyframes sk-chase-dot {
80%, 100% { transform: rotate(360deg); } 
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(0.4); 
} 100%, 0% {
transform: scale(1.0); 
} 
}
.gracias{
height: 50vh;
display: grid;
place-content: center;
padding: 30px;
} .site-footer{
font-weight:300;
}