/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


html {
    scroll-behavior: smooth;
  }

h2{
    line-height: 40px;
}

h3{
    line-height: 35px;
}

section.ctaBlogSherpa a.btnCtaBlog.azul {
    color: white;
    background-color: #cc1748;
}

/* COLORS */

:root{
    --main-color: #CC1748;
    --darker-color: rgb(147, 11, 48);
    --btn-radio:20px;
    --btn-llamada-padd:0 12px;
    --main-gradient: linear-gradient(125deg, rgba(204,23,72,1) 0%, rgba(140,4,41,1) 100%)
}


/*COOKIES*/

#cookie-law-info-bar{
    z-index: 9000000000;
}


/* HEADER */

html #topcontrol{
    /* left: 10px;
    right: auto; */
    display: none;
}

.header-wrapper > header{
    padding-top: 0px;
    padding-bottom: 10px;
}

header .logo img{
    width:250px;
}

.custom-section-svg .intro-content{
    top: 57%;
}

.header-builder-p .header-right-side  .vc_column-inner{
justify-content: end;
}

.topbar-container{
    margin-bottom: 5px;
    margin-right: 15px;
}

.topbar-content{
display: flex;
justify-content: end;
font-size: 12px;
}


.btn-header-llamada{
margin-right: 20px;
background-color: var(--main-color);
border-radius: var(--btn-radio);
padding:var(--btn-llamada-padd);
color: white;
cursor: pointer;
}


.btn-header-llamada:hover{
    background-color: black;
    }

.btn-header-numero{
color: var(--main-color);
font-weight: 700;
/* animation:tamano 2s linear infinite; */
cursor: pointer;
}

.btn-header-numero .icono-header{
font-weight: 700;
}


.numero-top{
    color: var(--main-color);
}
/* .btn-tel-animation{
animation:tamano 2s linear infinite;
} */

/* @keyframes tamano { 50% { -webkit-transform: scale(1.1); transform:scale(1.1); } } */


.btn-tel-animation{
    animation:spin 2s linear infinite;
}

 @keyframes spin { 50% { -webkit-transform: rotate(20deg); transform:rotate(20deg); } } 



 #top-bar-leads{
     padding: 7px 0;
 }

 #top-bar-leads p,
 #top-bar-leads span,
  #top-bar-leads .wpb_text_column,
  #top-bar-leads .vc_btn3-container  {
     color: white;
     margin: 0;
 }



 .btn-topbar button{
    background: var(--main-color)!important;
    background: var(--main-gradient)!important;
    border-radius: 4px;
    color: white!important;
    font-size: 14px!important;
    font-weight: 500!important;
    padding: 2px 8px!important;
}


#top-bar-leads .wpb_wrapper{
    display: flex;
    justify-content: center;    
    width: 100%;
    align-items: center;
    column-gap: 10px;
}

#top-bar-leads .wpb_wrapper .wpb_raw_code{
    position: absolute;
    right: 10px;
    margin: 0;
}


#top-bar-leads{
    display: none;
}

#cerrar-topbar{
    cursor: pointer;
}

header#header .container, header#header .row > *{
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}


.header-builder-p .header-right-side .vc_column-inner {
    flex-direction: row;
}

#header .main-menu > li.menu-item > a{
    font-size: 15px;
}

/*MEDIAS HEADER*/


@media (max-width:1060px){
	#menu-menu-principal{
		display:none;
	}
	#header .mobile-toggle{
		display:inline-block;
	}
}
@media(min-width: 991px) and (max-width: 1160px){
	#header .main-menu > li.menu-item > a {
   		padding: 0px 5px 0 5px!important;
	}
	
	#header .main-menu > li.menu-item > a {
        font-size: 12px;
    }
	
	.btn-header-llamada{
		margin-right:5px;
	}
}

@media(min-width:1160px) and (max-width:1366px){
	#header .main-menu > li.menu-item > a {
        font-size: 13px;
    }
	#header .main-menu > li.menu-item > a {
   		padding: 0px 5px 0 5px!important;
	}
}

@media(min-width:1410px){

	#header .main-menu > li.menu-item > a {
        font-size: 15px;
    }
	.header-right-side{
			padding:0px;
	}
	.btn-header-llamada{
		margin-right:5px;
	}
}

@media(max-width:1341px){
    .header-right-side form{
        top: 74px;
		font-size:13px;
    }
}

@media (max-width: 768px) {
    .vc_column_container .vc_column-inner {
        padding: 0px !important;
    }
	
	.textoCabecera {
    padding-top: 90px;
	padding-bottom: 25px;
	}
	.p-b-xlg {
    padding-bottom: 260px !important;
	}
	
	.section-shape .shape-divider.h-243 {
    height: 110px !important;
	}
	
	#banner {
    background: linear-gradient(#efefef, #eee);
    padding: 40px 35px 40px !important;
}
	
}

/* Preguntas Frecuentes*/

.toggle > label {
    border-radius: 0px 10px 10px 0px !important;
}

/*Botones flotantes parte inferior + pop con form*/


/*
.whats-color {
    width: 45px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: fixed;
    z-index: 2000000000000;
    bottom: 10px;
    right: 10px;
}
*/

.bottom-part-fixed-buttons{
    position: fixed;
    z-index: 2000000000000;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: white;
    justify-content: space-around;
    padding: 14px 0;
    box-shadow: 0px 0px 15px 0px #32323247;
}

.bottom-part-fixed-buttons > div{
    float: none!important;
    margin: 0;  
}


.bottom-part-fixed-buttons{
    display: none;
}

#popup-reclama-ya{
    display: none;
}


#popup-reclama-ya{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 100000000000;
    position: fixed;
    left: 0;
    top: 0;
}

.popup-reclama-ya-container .columna-foto{
    width: 61%;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding: 20px;
    text-align: center;
}


.popup-reclama-ya-container .columna-foto img{
    height: 200px;
    width: auto;
}

.popup-reclama-ya-container{
    background-color: white;
    width: 60%;
    margin: auto;
    height: fit-content;
    border-radius: 20px;
    display: flex;
}


.popup-reclama-ya-container .columna-foto p{
    font-size: 22px;
    color: black;
}

.popup-reclama-ya-container .columna-foto p.resaltado-pop{
    font-size: 30px;
    font-weight: 600;
}



#cerrar-popup{
    float: right;
    margin-right: 22px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    color: black;
    cursor: pointer;
}

.popup-contenido > p:first-child{
    font-size: 24px;
    font-weight: 600;
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{
	left: 11px;
    top: 18px;
}


.popup-contenido{
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90%;
    width: 100%;
}

.popup-contenido .vc_tta-container{
    width: 90%;
}

.vc_tta-container{
	margin-top: 30px;
}

.popup-contenido form input[type="text"],
.popup-contenido form input[type="email"],
.popup-contenido form input[type="tel"]{
    width: 95%;
    margin: auto;
    margin-bottom: 3px;
    display: block;
}
.popup-contenido form input[type="tel"]{
margin-bottom: 30px;
}

.popup-contenido form input[type="submit"]{
    margin: 10px auto 0;
    display: block;
}

.popup-contenido form > div.col-md-12:nth-child(3),
.popup-contenido form > div.col-md-12:nth-child(4){
font-size: 11px;
margin: auto;
display: block;
width: 80%;
}

.popup-contenido .wpcf7-spinner{
    display: none;
}

.popup-contenido form p{
    margin-bottom: 10px;
}

.popup-contenido .acordeon-legal p {
    font-size: 10px;
}

.popup-contenido .wpcf7-list-item{
    margin-right: 0;
}


.popup-contenido .info-legal-popup{
font-size: 12px;
max-height:135px;
overflow: scroll;
width: 90%;
display: block;
margin: 0 auto 20px;
background-color: #eee;
padding: 5px;
}

.popup-contenido .info-legal-popup > p:first-child{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0;
}



.tellamamos-info-legal{
    font-size: 10px;
    line-height: 12px;
    max-width: 300px;
    max-height: 50px;
    background-color: rgb(230, 230, 230);
    overflow: scroll;
    padding: 5px;
}

.tellamamos-info-legal::-webkit-scrollbar{
    width: 3px;
    height: 3px;
}

.header-right-side form{
    background-color: white;
    padding: 20px;
    position: absolute;
    right: 10px;
    top: 46px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px #00000038;
}


.header-right-side form input[type=text],
.header-right-side form input[type=tel
.header-right-side form input[type=email]]{
    border-radius: 10px;
    margin-bottom: 5px;
}

.header-right-side form input[type=submit]{
    border-radius: 10px;
    padding: 5px;
    
}

#close-llamamos{
    color: black;
    float: right;
    cursor: pointer;
}


#wpcf7-f16589-o1{
    display: none;
}








@media(max-width:800px){

    .popup-reclama-ya-container .columna-foto{
        display: none;
    }

}

@media(max-width:676px){



    .btn-tel-animation{
        animation:none;
        }
                

    .btn-bottom-mobile-container p{
        background: var(--main-color)!important;
        background: var(--main-gradient)!important;
        border-radius: var(--btn-radio)!important;
        color: white!important;
        font-size: 18px!important;
        font-weight: 600!important;
        width: fit-content;
        padding: 5px 15px;
        margin:auto;
    }



    .popup-reclama-ya-container{
        width: 95%;
    }
  
}



/* FOOTER*/


.logo-footer{
    text-align: center;
}


.logo-footer img{
    max-width: 300px;
}

#footer .copyright a{
    color: black;
    font-weight: 600;
}

#footer{
    padding-top: 14px;
}


#footer .menu-menu-footer-seo-container a,
#footer .menu-menu-footer-utilidad-container a{
color: white;
}

#footer .widget > .menu-menu-footer-seo-container ul li,
#footer .widget > .menu-menu-footer-utilidad-container ul li,
#footer .widget > .menu-menu-footer-seo-container ul,
#footer .widget > .menu-menu-footer-utilidad-container ul{
border: none!important;
}

#footer .vc_wp_custommenu.wpb_content_element{
    margin-bottom: 10px!important;
}

#footer .widget{
    margin-bottom: 0;
}

    /* INTERNA SERVICIOS */



.btn-general > a{
    background: var(--main-color)!important;
    background: var(--main-gradient)!important;
    border-radius: var(--btn-radio)!important;
    color: white!important;
    font-size: 18px!important;
    font-weight: 600!important;
}

.btn-general-lanzadera button{
    background: var(--main-color)!important;
    background: var(--main-gradient)!important;
    border-radius: var(--btn-radio)!important;
    color: white!important;
    font-size: 18px!important;
    font-weight: 600!important;
}
/*Cabecera interna fotos*/
.cabecera-interna{
    padding: 80px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 150px 0%;
	background-color: #f9f9fb;
}


.formulario-interna-container{
    margin-top: -150px;
     background-color: white; 
    width: 450px;
     padding: 40px 20px;
    border-radius: 0 66px 0 66px;
    box-shadow: 0px 0px 20px 5px #38383817;
    margin-right: 24%!important;
    margin-left: auto!important; 
}
.formulario-interna-container .flag-container {
    left: 0px !important;
    top: 8px !important;
}


.formulario-interna-container.special{
    margin-top: 0;
    width: 33%;
    margin-right: auto!important;
    margin-left: auto!important;
}

.landing-header > div {
    width: 80%;
    min-width: 80%;
}

.landing-header .interna-portada-lista .vc_icon_element,
.landing-header .interna-portada-lista .wpb_content_element {
margin: 0;
}


.texto-hand.special {
    margin-top: 0;
    margin-left: auto!important;
    padding: 0!important;
    width: 100%!important;
    text-align: center;
    left: 0!important;
}

.texto-hand.special p:last-child {
    text-align: center;
}

.texto-hand.special .under{
background: none;
}

.interna-portada-lista > div{
display: flex;
align-items: center;
}

.interna-portada-lista p{
    font-size: 17px;
    color: black;
    font-weight: 600;
}


 .texto-cabecera-posterior{
    color: black;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.texto-cabecera-posterior:before, .texto-cabecera-posterior:after{
    content:"-";
    display: inline-block;
} 






#formulario-reclamacion{
margin-top: -300px;
padding-top: 300px;
}



.texto-cabecera{
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 32px;
}

.formulario-interna-container input:not([type=checkbox]){
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid #8c0429;
    font-weight: 500;
    color: #8c0429;
    padding: 0;
        margin-bottom: 15px;
        font-size: 16px;
}



.formulario-interna-container input::placeholder{
    color: var(--darker-color);
    font-weight: 300;
}


.formulario-interna-container input:-webkit-autofill,
.formulario-interna-container input:-webkit-autofill:hover, 
.formulario-interna-container input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--darker-color);
  transition: background-color 5000s ease-in-out 0s;
}


.formulario-interna-container input.btn-form{
background-color: var(--main-color);
padding:var(--btn-llamada-padd);
color: white;
cursor: pointer;
color: white;
font-size: 15px;
font-weight: 300;
padding:5px 15px;
}



.segundo-form input[type="email"],
.segundo-form input[type="tel"],
.segundo-form input[type="text"]{
    background-color: #fdfdfd;
    color: #3e3e3e;
    border: none;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 16px;
}



.imagen-custom img{
    border-radius: 0 66px 0 66px;
    box-shadow: 12px -12px 0px 0px #f7dce4;
}

.imagen-custom{
   margin-bottom: 0;

}


.col-imagen-custom{
    border-radius: 0 66px 0 66px;
    box-shadow: 16px -16px 0px 0px #f7dce4;
    width: 45%;
}

.col-imagen-custom:first-child,
.imagen-sola{
    margin-right: 5%;
}

.imagen-sola{
    width: 45%;
}

.col-imagen-custom:nth-child(2){
    margin-left: 5%;
}


.interior-main-section .interior-minor-section:not(:last-of-type){
margin-bottom: 50px;
}


.proceso-reclamacion .process-step{
    padding-bottom: 30px;
}


.icono-sobre-titulo{
    margin-bottom: 0;
}



.caja-texto-resaltado.vc_row.wpb_row{
   margin: 0 0 50px;
}

.vc_row.wpb_row {
    margin-bottom: 0;
    padding-bottom: 0px !important;}

.vc-row.wpb_row:last-child{
	margin-top:40px;
}

.caja-texto-resaltado > .container{
    padding: 60px;
    border-radius: 0 66px 0 66px;
    box-shadow:0px 0px 20px 5px #38383817;

}

.caja-texto-resaltado-item{
        margin-bottom: 0;
} 


.caja-texto-resaltado-item{
    font-size: 16px;
    font-weight: 300;
    color: black;
}

.caja-texto-resaltado-item p:first-of-type{
    color: var(--main-color);
    font-size: 20px;
}


.acordeon-legal *{
background-color: transparent;
}


.acordeon-legal h4 span{
    font-size: 14px;
}

.vc_tta.vc_general.acordeon-legal .vc_tta-panel-title>a{
padding: 4px;
}


.acordeon-legal .vc_tta-controls-icon.vc_tta-controls-icon-plus{
    transform: scale(.6)!important;
}


.vc_tta.acordeon-legal  .vc_tta-controls-icon.vc_tta-controls-icon-plus::before{
    top: 0;
}

.vc_tta.acordeon-legal  .vc_tta-controls-icon.vc_tta-controls-icon-plus::after{
    bottom: 50%;
    top: -50%;
}

.acordeon-legal p{
    font-size: 12px;
}

.strong-view.wpmtst-default .wpmtst-testimonial{
    border: none;
}


.box-item {
font-size: 16px;
}

.box-item.precio p:first-child{
font-size: 26px;
font-weight: 700;
color: var(--main-color);
}

.box-item-icono {
    margin-bottom: 0;
}

.featured-box .wpb_content_element.box-item.precio {
    margin-bottom: 0!important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-heading{
    background-image: url('https://plataformadereclamacion.es/wp-content/uploads/2021/11/quotes.png');
}



.testimonios{
    background-color: #f1f1f1;
    padding-top: 30px;
}


.strong-view.wpmtst-default .wpmtst-testimonial-inner{
    border: none;
}


.texto-hand{
width: 500px;
margin-top: -185px;
    margin-left: 15%!important;
    margin-right: auto!important;
}

.texto-hand p{
    font-size: 40px;
    font-family: 'Shadows Into Light';
    color: black;
}

.texto-hand p:first-child{
    color: var(--main-color);
}

.texto-hand p:last-child{
    text-align: right;
}


.texto-hand .under{
background-image: url('https://plataformadereclamacion.es/wp-content/uploads/2021/11/underline-hd.png');
background-repeat: no-repeat;
background-size: 112%;
background-position: bottom center;
}

.seccion-proceso{
    margin-top: 170px;
}


.custom-svg-wrapper-1>.wpb_wrapper {
    padding-left: 0!important;
    padding-right: 0!important;
}

 
/* Bloque especial rosa */


.listado-bloque-rosa ul{
    list-style: none;
    margin-bottom: 50px!important;
    margin-top: 50px!important;
    padding-left: 10px;
}

.listado-bloque-rosa ul li:before{
content: "";
display: inline-block;
background-image: url('https://plataformadereclamacion.es/wp-content/uploads/2021/12/check.png');
width: 21px;
height: 21px;
margin-right: 10px;
margin-bottom: -5px;
background-size: contain;
background-repeat: no-repeat
}


.listado-bloque-rosa ul li{
    margin-bottom: 10px;
}

.text-post-pink-block p{
    text-align: center;
    color: var(--main-color);
    font-size: 16px;
}


#wpcf7-f16450-p16416-o3 form > div:nth-child(4){
margin-bottom: 5px;    }

.acordeon-legal * {
    background-color: transparent;
    font-size: 10px!important;
    line-height: 15px;
    text-align: left;
}

.subtitulo,
.titulo{
    text-align: center!important;
}

.col-imagen-custom{
    min-height: 300px;
    width: 45%;
}

.vc_icon_element.vc_icon_element-outer.icono-sobre-titulo{
    text-align: center;
}

.imagen-custom img{
    min-height: 300px;
    width: auto;
    object-fit: cover;
}

.imagen-sola.custom-svg-wrapper-1> div.wpb_wrapper{
    padding: 0!important;
}



.interior-main-section .interior-minor-section:not(:last-of-type) {
    margin-bottom: 50px;
}
.custom-svg-wrapper-1>.wpb_wrapper {
   padding: 0!important;

}

.btn-general {
    margin: auto!important;
    text-align: center;
    display: block!important;
}

.segundo-form{
    text-align: left;
}
/*
.segundo-form input[type=submit]{
	  float: left;
    }*/
.segundo-form form > p{
    margin-bottom: 0!important;
}


}


/*HOME*/

.texto-home-iconos p{
font-size: 15px;
text-align: center;
}


.texto-home-iconos p:first-child{
    color: var(--main-color);
    font-size: 18px;
    font-weight: 600;
    }
    


.padding-left-column{
    padding-left: 50px;
}

.iconos-home-final > div > div{
    display: flex;
    justify-content: end;
    align-items: center;
}

.iconos-home-final .vc_icon_element {
    margin-bottom: 0!important;
}

.iconos-home-final p{
    color: var(--main-color);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}



.imagen-home img{
    border-radius: 0 66px 0 66px;
    box-shadow: 12px -12px 0px 0px #f7dce4;
}


.portada-home{
    background-repeat: no-repeat !important;
    background-size: 83%!important;
    background-position-x: center!important;
    background-position-y: 64%!important;
}

#wpcf7-f17010-o3 span.wpcf7-list-item {
    margin-left: 5px !important;
}

#block-2input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-form-sidebar{
    background-color: white !important;
}




input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select, .form-control .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
	margin: 5px !important;
    max-width: 350px;
    width: 100%;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit.btn-form{
    margin-left: 14px;
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text]{
        margin-bottom: 15px !important;
        margin-top: 5px !important;
    }
span.wpcf7-list-item{
    margin-left: 1em;
}
@media (max-width:1550px){
    .formulario-interna-container {
        margin-right: 10%!important;
    }

    .texto-hand{
            margin-left: 5%!important;
        }
        
} 



@media (max-width:1200px){
    .formulario-interna-container {
        margin-right: 5%!important;
    }

    .texto-hand{
        margin-left: 0!important;
        width: 400px;
    }


    .texto-hand p{
        font-size: 30px;
    }

    .cabecera-interna .col-md-6 {
        width: 44%;
    }

    .cabecera-interna h1{
        font-size: 40px;
    }
    
} 



@media (max-width:991px){

.imagen-sola img, 
.imagen-sola .imagen-custom{
    max-height: 300px;
	text-align:center;
}

.imagen-sola img{
    object-fit: cover;
}

    .imagen-sola,
    .col-imagen-custom{
        width: 100%;
        min-height: 300px;
    }

    .col-imagen-custom{
        min-height: 300px;
    }

    .imagen-sola{
        max-height: 300px;
        margin-bottom: 5px!important;
    }

    .col-imagen-custom{
        margin-left: 0!important;
        margin-right: 0!important;
		padding:5px 15px !important;
    }

    .reverse{
        flex-direction: column-reverse;
    }


       /* .topbar-container{
        order: 1;
    } */



    .topbar-container{
        display: none;
        }
    
        .numero-top{
            display: none;
        }
    
    .vc_column_container .vc_column-inner {
		padding:0px 15px 15px 15px;
	}
	
}






@media (max-width:953px){

    .formulario-interna-container {
        margin-top: 38px;
        max-width: 100%;
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .texto-hand{
       display: none;
    }

    .formulario-interna-container input:not([type=checkbox]) {
        width: 90%;}

        .formulario-interna-container .col-md-12{
            text-align: left;
        }

    .cabecera-interna .col-md-6 {
        width: 60%;
    }

    .vc_custom_1637927265247 {
        margin-bottom:  10px;
    } 

    .featured-boxes-flat .featured-box .box-content{
        margin-top: 0px !important;
    }

    a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-default.vc_btn3-style-classic.wpb_custom_4eba9bcc8f6c36e45e1d476fc3d9024c.vc_btn3-color-white.btn{
        margin-bottom: 20px;
    }

}


@media (max-width:676px){

    .cabecera-interna .col-md-6 {
        width: 100%;}

    .cabecera-interna p,
    .cabecera-interna h1{
      text-align: left;
    }


    .cabecera-interna {
        padding: 20px 0;
        background-image: none!important;
        background-color: #eee!important;
    }

    input.wpcf7-form-control .wpcf7-text .wpcf7-validates-as-required{
        text-align: left !important;
    }

}




@media (max-width:450px){

    .cabecera-interna h1{
        font-size: 30px;
    }

    .cabecera-interna p{
        font-size: 16px;
    }

    .formulario-interna-container {
        padding: 20px 6px!important;
    }

    .formulario-interna-container input[type=submit]{
        margin: auto;
    display: block;
}




@media(max-width:1400px){

    .portada-home{
        background-position-x: 70%;
    }

}

@media(max-width:991px){

.imagenes-home-container{
    max-width: 70%;
    margin: 55px auto;
}



.imagenes-home-container,
.imagenes-home-container .wpb_wrapper.vc_column-inner > div,
.imagenes-home-container img{
max-height: 360px;
}

.imagenes-home-container img{
    object-fit: cover;
    }

    .cajas-home{
        padding-bottom: 0!important;
        margin-bottom: 0!important;
    }

    .cajas-home > div{
        margin-bottom: 0!important;
    }

    .padding-left-column {
    padding-left: 0;
    }


}




@media(max-width:767px){
	#formulario-home {
		margin:0 auto;
	}
    #formulario-home *{
        text-align: center;
    }

    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
        text-align: left !important;
    }

    input.wpcf7-form-control.wpcf7-text.wpcf7-phonetext{
        text-align: left !important;
    }

    .intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text]{
        margin-bottom: 15px !important;
        margin-top: 5px !important;
    }

    #formulario-home .porto-sicon-box{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 10px;
        margin-bottom: 30px!important;
    }
	
	#formulario-home .col-md-12 {
		text-align:left!important;
	}
	
	input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, .form-control, select, .porto-wpforms-inline .wpforms-field-large {
    width: 100%;
		margin: 5px;
}



}


/*BLOG*/

.blog-posts .post .post-excerpt {
    font-family: 'Poppins'!important;
    font-size: 14px;
}

.blog-posts .post .btn-readmore {
    color: white;
    background-color: var(--main-color);
    font-weight: 600;
    font-size: 12px!important;
}




/*PAGINAS LEGALES*/

.pagina-legal{
    margin-top: 50px;
}


.pagina-legal h2{
    margin-top: 30px;
}



/*Contacto*/


.form-pag-contacto input:not([type=checkbox]){
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid var(--darker-color);
    font-weight: 500;
    color: var(--darker-color);
    padding: 0;
        margin-bottom: 15px;
        font-size: 16px;
}



.form-pag-contacto input::placeholder{
    color: var(--darker-color);
    font-weight: 300;
}


.form-pag-contacto input:-webkit-autofill,
.form-pag-contacto input:-webkit-autofill:hover, 
.form-pag-contacto input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--darker-color);
  transition: background-color 5000s ease-in-out 0s;
}


.form-pag-contacto input.btn-form{
background-color: var(--main-color);
border-radius: var(--btn-radio);
padding:var(--btn-llamada-padd);
color: white;
cursor: pointer;
color: white;
font-size: 15px;
font-weight: 300;
padding:5px 15px;
}
.txt-bl-formsidebar a{
	color: white!important;
}

.txt-bl-formsidebar a:hover{
	color: white !important;
}

.alternative-font, a, .color-primary, article.post .post-title, ul.list.icons li i, ul.list.icons li a:hover, .list.list-icons li i, .list.list-ordened li:before, ul[class^="wsp-"] li:before, .fontawesome-icon-list > div:hover, .sample-icon-list > div:hover, .fontawesome-icon-list > div:hover .text-muted, .sample-icon-list > div:hover .text-muted, .accordion .card-header a, .accordion .card-header a i, section.toggle label, .porto-concept strong, .fc-slideshow nav .fc-left i, .fc-slideshow nav .fc-right i, .circular-bar.only-icon .fas, .circular-bar.only-icon .fab, .circular-bar.only-icon .far, .home-intro p em, .home-intro.light p, .featured-box .porto-sicon-header h3.porto-sicon-title, .featured-box .wpb_heading, .feature-box[class*="feature-box-style-"] .feature-box-icon i, .mobile-sidebar .sidebar-toggle:hover, .page-top .sort-source > li.active > a, .owl-carousel.nav-style-1 .owl-nav [class*="owl-"], .master-slider .ms-container .ms-nav-prev, .master-slider .ms-container .ms-nav-next, .master-slider .ms-container .ms-slide-vpbtn, .master-slider .ms-container .ms-video-btn, .resp-tabs-list li, h2.resp-accordion, .tabs ul.nav-tabs .nav-link, .wpb_wrapper .porto-sicon-read, .vc_custom_heading em, .widget .widget-title a:hover, .widget .widgettitle a:hover, .widget li > a:hover, .widget li.active > a, .widget_wysija_cont .showerrors, .sidebar-menu > li.menu-item.active > a, article.post .post-date .day, .post-item .post-date .day, section.timeline .timeline-date h3, .post-carousel .post-item.style-5 .cat-names, .post-grid .post-item.style-5 .cat-names, .post-timeline .post-item.style-5 .cat-names, .post-carousel .post-item.style-5 .post-meta .post-views-icon.dashicons, .post-grid .post-item.style-5 .post-meta .post-views-icon.dashicons, .post-timeline .post-item.style-5 .post-meta .post-views-icon.dashicons, .portfolio-info ul li a:hover, article.member .member-role, .tm-extra-product-options .tm-epo-field-label, .tm-extra-product-options-totals .amount.final, html #topcontrol:hover, .single-post .entry-title, .sort-source-style-3 > li.active > a, ul.portfolio-details h5, .page-not-found h4, article.post .sticky-post, .products-slider.owl-carousel .owl-dot:hover span, .products-slider.owl-carousel .owl-dot.active span, .owl-carousel.dots-style-1 .owl-dot.active span, .owl-carousel.dots-style-1 .owl-dot:hover span, .label-pre-order .txt-bl-formsidebar{
	color: #cc1748;
}

.btn-form-sidebar{
	background-color: white !important;
	color: #cc1748 !important;
	border: none;
	text-align: center !important;
}


.form-pag-contacto .porto-ultimate-content-box > :first-child{
    margin-bottom: 20px!important;
    }


@media(max-width:991px){

.form-pag-contacto .porto-ultimate-content-box > :first-child{
    text-align: center;
    }

.contact-page .row{
    justify-content: center;
    text-align: left;
}

.porto-sicon-box.default-icon{
    justify-content: center;
    flex-direction: column;
    row-gap: 11px;
}


}


 .box-item p:first-child{
    font-size: 20px!important;
    font-weight: 600!important;
    color: var(--main-color)!important;
}



/* POPUP ESPECIAL */

.special-pop-up-container > div > .wpb_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.special-pop-up-container > .vc_column_container{
    height: 100%;

}

.special-pop-up-container .texto-hand {
    margin-top: 0;
}


#pop-up-special{
    display: none;
width: 100vw;
height: 100vh;
position: relative;
z-index: 2000;
margin: auto;
}

#pop-up-special > div > div{
      position: fixed;
    background: white;
    margin: auto;
    width: 85%;
    max-height: 78vh;
    padding: 17px;
    left: 8%;
    bottom: 11%;
    overflow: scroll;
}

#pop-up-special h2 > div > div{
    font-size: 20px;
}


#pop-up-special > div:before{
    content:"";
background-color: black;
width: 100vw;
position: absolute;
height: 100vh;
opacity: .5;
top: 0;
left: 0;
position: fixed;
}


/* width: 75%;
height: 75%;
margin: auto;
top: 20%;
left: 15%; */

#overlay-popup-landing{
position:absolute;
}

#close-special-block{
font-size:16px;
cursor: pointer;
color: black;
font-weight: 700;
}


#pop-up-special .box-content{
    height: 220px!important;
}

#pop-up-special .featured-box .box-content {
    padding: 10px 20px;
}

#pop-up-special .wpb_text_column.wpb_content_element,
#pop-up-special .wpb_raw_code{
    margin-bottom: 0;
}



@media(max-width:1250px){

    #pop-up-special .box-content *{
        font-size: 14px!important;
    }
    
    #pop-up-special .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {

        width: 2em;
        height: 2em;
        }
}


@media(max-width:900px){

    #pop-up-special .col-md-4{
    width: 100%!important;
}

#pop-up-special .box-content{
    height: fit-content!important;
}

#pop-up-special  .porto-u-heading{
    margin-top: 300px;
    margin-bottom: 0px;
}

.texto-pop-up-special{
    display: none;
}

.texto-pop-up-special+div{
    width: 100%!important;
}

}

@media(max-width:680px){
	body.home .fixed-header #header {
		position: relative;
	}
	#header .mobile-toggle {
		font-size:1.5rem;		
    	padding: 7px 0;
	}
	.pt-4 {
		padding-top: .5rem !important;
	}
	.my-5 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important;
	}
	.seccion-proceso{margin-top: 1rem!important}
}
.intl-tel-input .flag-container {
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 0;
    padding: 1px;
}
	
}


/* LANDING WIZINK*/

.titulo1-negro{
    color: black;
    font-size: 30px;
	line-height: 40px;
	margin-bottom: 0px;
}

.titulo1-negro2{
    color: black;
    font-size: 30px;
	line-height: 40px;
	margin-bottom: 0px;
}

.info-cabecera-land{
	margin-top: 30px;
}


.titulo1-rosa{
    color: #CC1748;
    font-size: 40px;
	line-height:50px;
}

.titulo2-negro{
    color: black;
    font-size: 38px;
	line-height: 48px;
}

.titulo2-rosa{
    color: #CC1748;
    font-size: 48px;
	line-height: 45px;
}

.titulo2-rosa2{
    color: #CC1748;
    font-size: 48px;
	line-height: 45px;
}

.titulo2-blanco{
    color: white;
    font-size: 38px;
}

.texto-importante-negro{
    font-size: 20px;
    color: black;
}

.texto-importante-blanco{
    font-size: 20px;
    color: white;
}

.espacio-txt-cabecera{
    margin:40px 10px 40px 250px;
	width: 800px;
	max-width: 100%:
}

.espacio-titulo{
    margin:auto;
	width: 60% !important;
}

.titulo2 p {
    line-height: 38px;
}

.borde-top{
        border-top: 6px solid #CC1748;
        border-right: 2px solid #CCCCCC;
        border-left: 2px solid #CCCCCC;
        border-bottom: 2px solid #CCCCCC;
}

body .row.vc_column-gap-10>.vc_column_container {
    padding: 20px;}

.vc_column_container.col-md-12{
	padding: 20px;
}
    
.margin-bottom-icono{
    margin-bottom: 50px;
}

.espacio-top{
    margin-top: 50px;
}

.espacio-btm{
    margin-bottom: 50px;
}

.espacio{
    margin-top: 60px;
}

.espacio-bottom{
	margin-bottom: 60px !important;
}

.vc_row.wpb_row.row.espacio.contenedor-medio{
    width:1400px !important;
    max-width: 100%;
    margin-right: 250px;
    margin-left: 250px;
    left: 0 !important;
}

.sombra-caja{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.owl-carousel .owl-stage-outer{
	overflow: visible;
}

.ancho-cajas-opiniones{
    width: 70%;
    justify-content: space-between;
    margin: auto;
	padding: 40px;
}

.bloque-formulario-cabecera{
	width: 25%;
}

.bloque-formulario{
	width: 31%;
}

.caja-6{
	width: 100%;
	justify-content: space-between;
	margin-left: 17px;
	margin-right: 17px;
}

.formulario-landing-container{
     background-color: white; 
   width: 401px;
    height: 364px;
	margin: auto 0px;
	max-height: 100%;
	max-width: 100%;
     padding: 40px 20px;
    border-radius: 0 66px 0 66px;
    box-shadow: 0px 0px 20px 5px #38383817;
}

.formulario-landing-container input:not([type=checkbox]){
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 2px solid #CC1748;
    font-weight: 600;
    color: #CC1748;
    padding: 0;
        margin-bottom: 15px;
        font-size: 16px;
}



.formulario-landing-container input::placeholder{
    color: #CC1748;
    font-weight: 300;
}


.formulario-landing-container input:-webkit-autofill,
.formulario-landing-container input:-webkit-autofill:hover, 
.formulario-landing-container input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--darker-color);
  transition: background-color 5000s ease-in-out 0s;
}


.formulario-landing-container input.btn-form{
background-color: var(--main-color);
padding:var(--btn-llamada-padd);
color: white;
cursor: pointer;
color: white;
font-size: 15px;
font-weight: 300;
padding:5px 15px;
}

.alto-cajas{
	height: 250px;
	max-height: 100%;
}

.owl-carousel.stage-margin .owl-stage-outer{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.testimonio.owl-item{
	width: 360px !important;
	max-width: 100% !important;
}

/*
form#Form-222 div:nth-child(3),div:nth-child(4){
	    color: white;
}

form#Form-222 div:nth-child(3) a {
    color: white;
}

#Form-222 [type="submit"]{
	background-color: white;
	color: #CC1748;
}
*/
div#test{
	color:white;
}
div#test a{
	color:white;
}

div#test-dos{
	color: white;
}

#test-tres{
	background-color: white;
	color: #CC1748;
}

/*.caja{
	display: flex;
    justify-content: space-between;
	margin: auto;}*/
.vc_row.wpb_row.vc_inner.row.borde-top.caja-6.alto-cajas.caja.vc_row-o-equal-height.vc_row-flex{
	margin: auto;
}
@media (max-width:1280px){
	.espacio-txt-cabecera{
		margin: 10px 10px 10px 114px !important;
	}
	
	.espacio-titulo{
		margin: 10px;
	}
	
	.bloque-formulario{
		width: 37%;
	}
	
	.margin-bottom-icono {
	margin-bottom: 14px;
	}
	
	.vc_column_container.col-md-12{
		padding: 5px 15px;
	}
	
	/*
	.cabecera{
		width: 1200px !important;
		max-width: 100% !important;
	}
	*/
	.vc_row.wpb_row.row.espacio.contenedor-medio{
	width:1200px !important;
    max-width: 100%;
    left: 0 !important;
	margin-right: 20px;
    margin-left: 20px;
	}

	.espacio{
		margin-top: 50px;
	}
	
	.caja-6{
		width: 100%;
	}
	
	.alto-cajas{
	height: 320px;
	max-height: 100%;
}
	

}

@media (max-width:1024px){
	.titulo1-negro {
	font-size: 30px;
    line-height: 40px;
}
	.titulo1-negro2 {
	font-size: 30px;
    line-height: 40px;
}
	
	.titulo2-rosa{
	font-size: 30px;
    line-height: 40px;
	}
	
	.texto-importante-negro{
		font-size: 18px;
	}
	
	.espacio-txt-cabecera{
		margin: 10px 10px 10px 34px !important;
	}
	
	.titulo2-negro{
		font-size: 25px;
		line-height: 35px;
	}
	
	.custom-font-size-2{
		font-size: 14px;
	}
	
	form#Form-222{
		width: 380px;
	}
	.bloque-formulario{
		width: 315px;
	}
}

@media (max-width:768px){
	.formulario-landing-container{
		margin: auto;
	}
	.espacio-titulo{
		width: 100% !important;
	}
	.bloque-formulario{
		width: 100%;
	}
	form#Form-222{
		margin: auto;
	}
	.bloque-formulario.segundo-form.Form-2.vc_column_container.col-md-12.col-xl-6.offset-md-12.col-12{
		margin-top: -44px;
	}
}

@media (max-width:390px){
.titulo1-negro{
    color: black;
    font-size: 25px;
	line-height: 35px;
}

	.cabecera-landing{
	width: 391px !important;	
	}
	
	.cabecera-landing-izq{
		width: 370px;
	}
	
.titulo2-rosa2 {
	font-size: 35px;
	line-height: 42px;
	text-align: center;
	}
	
.titulo1-negro2{
	font-size: 22px;
    line-height: 31px;
    text-align: center;
	}	
	
.titulo1-rosa{
    color: #CC1748;
    font-size: 25px;
	line-height: 35px;
	}

.titulo2-negro{
    color: black;
    font-size: 18px;
	line-height: 28px;
}

.titulo2-rosa{
    color: #CC1748;
    font-size: 18px;
	line-height: 28px;
}

.titulo2-blanco{
    color: white;
    font-size: 18px;
	line-height: 28px;
}

	p.titulo1-negro{
		width: 362px;
		max-width: 100%;
	}

.texto-importante-negro{
    font-size: 16px;
    color: black;
	line-height: 26px;
}

.texto-importante-blanco{
    font-size: 16px;
    color: white;
	line-height: 26px;
	top: 15px;
    position: relative;
    padding: 5px;
}	
	
.titulo2 p {
    line-height: 20px;
}

	.alto-cajas{
	height: 190px;
	max-height: 100%;
}	
	
	.custom-font-size-2 {
		font-size: 12px !important;
	}

.espacio-txt-cabecera{
    margin: 20px 10px 20px 10px;
}

	.toggle>.toggle-content{
		padding: 12px;
	}


ul#porto-info-list16433552762f39590ea6e5{
	width: 360px;
	max-width: 100%;
	margin: 0 10px;
	}

li.porto-info-list-item.texto-importante-negro{
	width: 357px;
	max-width: 100%;
	}
	
.bloque-formulario-cabecera.formulario-landing-container{
		margin: auto;
		width: 360px;
		padding: 25px;
		max-width: 100%;
	}
	
	.testimonio{
		widows: 360px !important;
		max-width: 100% !important;
	}
.ancho-cajas{
		width: 100%;
	}
	
body .row.vc_column-gap-10>.vc_column_container{
		padding: 15px;
	}
	
	.margin-bottom-icono{
		margin-bottom: 20px;
	}
	
.vc_custom_1660122333182{
		margin-right: 0px !important;
		margin-left: 0px !important;
		margin-top: 10px !important;
	}
	
.vc_custom_1660045766680{
		margin-right: 0px !important;
		margin-left: 0px !important;
		margin-top: 10px !important;
	}
.vc_row.wpb_row.row.espacio.contenedor-medio{
    width:360px !important;
    max-width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    left: 0 !important;
}
	
.espacio-titulo {
	width: 100% !important;
	}

	.espacio{
	margin-top:20px;}

	
.bloque-formulario {
	width: 100%;
}

	.bloque-formulario-cabecera.formulario-landing-container{
    margin: auto;
    width: 355px !important;
		max-width: 100%;
	}
	.vc_row.wpb_row.vc_inner.row.borde-top.caja-6.alto-cajas.caja.vc_row-o-equal-height.vc_row-flex{
		margin: auto !important;
	}
	.caja-6{
		width:100%;
	}
	
	.wpb_text_column.wpb_content_element.vc_custom_1660202220451.titulo2{
		margin-bottom: 0px !important; 
	}
	.espacio-bottom{
		margin-bottom: 0px !important; 
	}
}


/*Ajustes Septiembre 2023*/
#header .main-menu > li.menu-item > a {padding: 0 8px 0 8px;}

.formulario-landing form .camposFormulario {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.puntos-cabecera-landing-2023 {padding-bottom:30px;color:white!important;}
.puntos-cabecera-landing-2023 .interna-portada-lista {padding: 2px 20px!important;}
.puntos-cabecera-landing-2023 p  {color:white!important;}

.formularioPopup {
    /*position: relative;*/
}
.formularioPopup #wpcf7-f16589-p18169-o3,
.formularioPopup #wpcf7-f16589-p18169-o5 {
    display:none;
}

.formularioPopup form {
    background-color: white;
    padding: 20px;
    position: absolute;
    right: 10px;
    top: 46px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px #00000038;
    z-index: 1999;
}

@media(max-width:1228px){
   .formulario-landing form .camposFormulario div {width: 100%;}
}

@media(min-width:1024px){   
    .imagen-v-center{
        padding-top:8em;
    }  
}

/*Icono interrogacion con vibracion*/
.interrogacion{
    font-size:2em;
    color:#CC1748;
    animation: vibracion 1s ease infinite;
    
}
/*Animacion interrogacion*/

@keyframes vibracion {
  33% { transform: scale(1.2); }
  66% { transform: scale(1); }
}


/*Barra de notificacion de arriba*/

.barra-notificacion{
	text-align:center;
	padding:10px 0;
}
.mensaje-notificacion{
	font-size:15px;
}
.enlace-notificacion{
	background: #CC1748;
    background: var(--main-gradient);
    border-radius: 4px;
    color: white;
    font-weight: 500;
    padding: 4px 8px;
}

.enlace-notificacion:hover{
	color: white!important;
	font-size:16px;
}


/*Botón que abrirá popup*/

.boton_perso {
	background :#CC1748;
	background: var(--main-gradient);
	color:white;
	border-radius:10px;
	padding:10px 20px;
	font-size:16px;
	font-weight:700;
}

.boton_perso:hover,.boton_perso:active,.boton_perso:focus{
	background-color:#cc1748;
	color:white;
	cursor:pointer;
}

.imagen_bloque_perso div img{
	max-height:200px;
}


/*Formulario Lateral/Sidebar  entradas blog*/

.boton-enviar-sidebar{
	text-align:center;	
}
.btn-form-sidebar{
	margin:auto;
	color:white;
	border:1px solid #cc1748;
	border-radius:10px;
}

.btn-form-siderbar:not(:disabled):hover{
	background-color:blue;
}

/*PAGINACION BLOG*/

.wp-pagenavi a,.wp-pagenavi .extend{
    background-color:#cc1748;
    color:white;
    padding:10px;
    border:1px solid white;
    border-radius:20px;
}

.wp-pagenavi .current{
    background-color:white;
    color:#cc1748;
    padding:10px;
    border:1px solid white;
    border-radius:20px;
}



/*FAQ RANK SEO*/

   	/* Contenedor*/
	/* Item*/
.rank-math-list-item{
	padding:2px 10px 2px 0;

}
	/* Pregunta*/
.rank-math-question{
	background-color:#cc1748;
	color:white;
	padding:2px 10px 2px 15px;
	transition: all 0.3s ease;
	font-size:1.2em;
	display:flex;
	align-items:top;
	border-radius:15px;

}
	/* Respuesta*/
.rank-math-answer{
	margin-left:10px;
	display:none;
}
/*Pregunta activa*/
    .rank-math-list-item.active .rank-math-question {
        font-weight:500;
		padding-left:15px;
		border-bottom: 2px solid #444;
    }
    .rank-math-list-item.active .rank-math-answer {
        display: block;
    }
/*Icono*/
.rank-math-list-item i{
	font-size:0.7em;
	padding-top:0.8em;
	padding-left:10px;
	padding-right:10px;
	transition: transform 0.5s ease; /* Transición suave */
}
/*Icono rotado*/
.rotate {
    transform: rotate(-90deg); /* Rotación de 180 grados */
    transition: transform 0.5s ease; /* Transición suave */
}

/* Bloque WhatsApp */
.centerTxtWA {
    text-align: center;
}