/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 2.34
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.3
Requires PHP: 5.6
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
/** BOTONES PRESUPUESTO**/

html[lang="nl-NL"] #buton-quote {
    display: none!important;
}
html[lang="en-GB"] #button-presupesto {
    display: none!important;
}

html[lang="nl-NL"] #copy-en{
	display:none;
}
html[lang="en-GB"] #copy-nl{
	display:none;
}
html[lang="nl-NL"] #footer-text-en{
	display:none;
}
html[lang="en-GB"] #footer-text-nl{
	display:none;
}


/**************************GENERALS****************************/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*******************ESPAIS PREVIS FOOTER*******************/
#sidebar-footer{
	margin-top:0%;
}

.entry-content>* {
    margin-bottom: 0!important;
}
.entry-footer {
    margin-top: 0!important;
}
.icon-prev, .icon-next{
	color: #ffffff;
    font-weight: 600;
    background-color: red;
    height: 5%;
}
/***********************************************************/

.main-header.sticky-active {
    background-color: rgba(255, 255, 255, 0.9);
    margin-left: 5%;
    margin-right: 5%;
    top: 5%!important;
    border-radius: 20px;
}

h1{
    font-weight: 400!important;
}
h1 button{
    font-family: "Montserrat", sans-serif!important;
    font-weight:500!important;
    letter-spacing: 1vh;
}

h4 {
    font-family: "Montserrat", sans-serif!important;
    font-weight:500!important;
    letter-spacing: 1px;

}

h5{
    font-family: "Montserrat", sans-serif!important;
    font-weight:500!important;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 5%;
    padding-bottom: 5%;
}


.page .entry-header, .single .entry-header {

    display: none;
}
#compatibilidad-img{
    text-align: center;
}
/** BUTTONS FORMS**/


/** TAULA PLUGIN**/

.tablepress>:where(thead,tfoot)>*>th {
    background-color: #ED1F27!important;
	color:white!important;
}
.dataTables_filter label input {
    border-radius: 10px;
}
.dataTables_filter {

    padding-bottom: 2%;
}

/**Header**/
.current-menu-item{
    color: #ED1C24;
}
.current-menu-item a{
	 color: #ED1C24!important;
	font-weight:600!important;

}

/****************************COOKIES**************************/

.cookies_button{
	color:white;
	background-color:#ff0000;
	padding:5px 15px;
	border-radius:4px;
}




/*****************************HOME******************************/
#yc-bienvenida{
    height: 80vh;
}
#yc-bienvenida h1{
    color: white;
    font-size: 3rem;
    margin-top: 2%;
}
#yc-bienvenida h4{
    font-size: 1rem;
    color: white;
}
#yc-bienvenida .col-bienvenida {
    padding-left: 20%;
    margin-top: 5%;
}

#caracteristicas .col-caracteristicas{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 1rem;
    margin: 1%;
    width: 15%;
    background-color: white;
}
#caracteristicas h2{
    font-size: 1.2rem;
}
#caracteristicas{
    display: flex;
    justify-content: center;
    position: absolute!important;
    top: 70vh;
}
#yc-intro{
    padding-top: 20%;
}
#yc-intro h4{
    font-size: 1.2rem;
}
#yc-intro h5{
    font-size: 1rem;
}
#yc-logos-home .col-caracteristicas{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 1rem;
    margin: 1%;
    width: 20%;
    background-color: white;
    display: flex;
    align-items: center;
    height: 25vh;
}
#yc-logos-home{
    padding-top:5%;
    display: flex;
    justify-content: center;
}
#caracteristicas .vc_column-inner{
    padding-top: 0;
}
.col-caracteristicas .wpb_content_element{
    margin-bottom: 0!important;
}
.col-caracteristicas{
    height: 15vh;
}
#yc-tecnologias{
    padding-top: 10%;
}
.tec-foto .vc_column-inner{
    padding-left: 0%!important;
    padding-right: 0%!important;
}
.col-tec-caracteristicas img{
    width: 40%;
}
#yc-tecnologias .col-tec-caracteristicas{
    padding-left: 2%;
}
.col-tec-caracteristicas h4{
    font-size: 0.8rem;
}
.col-tec-caracteristicas-izquierda img{
    width: 40%;
}
#yc-tecnologias .col-tec-caracteristicas-izquierda{
    padding-left: 10%;
}
.col-tec-caracteristicas-izquierda h4{
    font-size: 0.8rem;
}
#tec-row{
    padding-top: 5%;
    border-bottom: solid 1px #cdcdcd;
    padding-bottom: 5%;
}
#col-tec-row img{
    width: 80%;
}
#yc-elige{
    padding-top:5%;
    text-align: center;
    background: linear-gradient(90deg, #600B0E 21%, #F00 100%);
}
#yc-elige h2{
    color: white;
    font-size: 3rem;
    font-weight: 400;
    padding-bottom: 5%;

}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #ED1C24!important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: white!important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before {
    border-color: white!important;
}
.seccion-faqs{
	font-size:1.5rem;
	text-transform:uppercase;
}

#yc-faqs{
    padding-top: 5%;
    padding-bottom: 5%;

}
#yc-faqs img{
    width: 75%;
}

#yc-faqs h4{
    font-size: 1rem;
}
#yc-faqs h2{
    padding-top: 1%!important;
    margin-top: 0;
}

#yc-faqs .vc_tta-title-text {
    font-family: "Fjalla One", sans-serif;
    color: #ffffff;
    letter-spacing: normal;
    font-size: 1.5rem;
    line-height: 1.5;
}
#compatibilidad-img button{
    margin-bottom: 5%!important;
}
#compatibilidad{
    padding-top:10%;
}


.col-faqs{
    padding-right: 10%!important;
}

#yc-contacta{
    padding-top:5%;
    text-align: center;
}
#yc-contacta h2{
    color: white;
    font-size: 3rem;
    font-weight: 400;
    padding-bottom: 1%;
    padding-top: 0%;
}
#yc-contacta button{
    margin-bottom: 5%;
}

#distribuidores_button .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 1%!important;
}

#distribuidores_button a{
	color:white;
	padding-top:0;
	margin-top:0;
}

#col-mapa .vc_column-inner{
		padding-left:0!important;
		padding-right:0!important;
}
#yc-mapa{
	height:auto;
}

/*******************************EMPRESA*******************/
#yc-empresa{
    padding-top: 5%;
}

#yc-empresa h1{
    margin-top: 0;
}
#yc-empresa h4{
    font-size: 1rem;
}
#yc-empresa img{
    padding-top: 5%;
}
.col-empresa{
    padding-right: 3%!important;
    padding-left: 3%!important;
}
.col-empresa h2{
    margin-top: 0!important;
}
.col-mis-vis h4{
    font-size: 1rem;
}
.col-mis-vis{
    padding-right: 3%!important;
    padding-left: 3%!important;
}
#yc-mas-de{
    background: linear-gradient(90deg, #600B0E 21%, #F00 100%);
}

/*************************************PRODUCTOS***********************************/
#yc-productos{
    padding-top: 5%;
}
#yc-productos h4{
    font-size: 1rem!important;
}
#yc-productos h1{
    margin-top:0!important ;
    padding-bottom: 2%;
}
#yc-productos h2{
    margin-top:0!important ;
    padding-bottom: 2%;
    font-size: 3rem;
}


#yc-youtube{
    height:50vh;
    display: flex;
    justify-content: center;
    margin-top: 10%;
}
#yc-youtube img{
    padding-top:0;
}
#yc-youtube img:hover{
    opacity: 0.5;
}

.vc_tta-tab{
	margin-left:1%!important;
	margin-right:1%!important;
}
#yc-tab-mandos .vc_active{
    background-color: #ffffff;
    color: white;
}

#yc-tab-mandos .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    border-color: #f0f0f0;
    background-color: #ED1F27;
    color: white;
    font-weight: 600;
}

#yc-tab-mandos img{
    padding-top:5%;
}
#yc-productos-comp{
    padding-top:5%;
    border-top:solid 1px #cdcdcd;
}
/***********************************TECNOLOGÍA********************************/
#yc-tecnologia{
    height: 20vh;
    background: linear-gradient(90deg, #600B0E 21%, #F00 100%);
    display: flex;
    align-items: center;
}
#yc-tecnologia h4{
    font-size: 1rem;
    padding-left: 10%;
}
#yc-tecnologia h1{
   margin-top: 0;
   padding-left:10%
}
#yc-tecnologia .wpb_content_element{
    margin-bottom: 0;
}
.col-tec-img img{
    width: 60%;
}
.col-tec-inf {
    padding-right: 10% !important;
    padding-top: 5%;
}
.col-tec-inf h4{
    font-size: 1rem;

}
.col-tec-inf h2{
    margin-top: 0!important;
}
#yc-tec-informacion{
    padding-top: 5%;
}
#yc-nemesis-mandos{
    padding-top: 5%;
    border-top: solid 1px #cdcdcd ;
}
#yc-nemesis-mandos h3{
    margin-top: 0;
    font-size: 3rem;
}
#evolution{
    background: linear-gradient(180deg, rgba(231, 232, 236, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%);
}
#evolution img{
    padding-left:0%;
    padding-right: 0%;
    padding-top:5%;
}
/***********************************TECNOLOGÍA************************/
#highlights{
    padding-top: 5%;
    padding-bottom: 5%;
}

#highlights .col-caracteristicas{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 1rem;
    margin: 1%;
    width: 15%;
    background-color: white;
}
#highlights h2{
    font-size: 1.2rem;
}
#highlights{
    display: flex;
    justify-content: center;

}
#highlights .vc_column-inner{
    padding-top: 0;
}
#yc-tec-lema h2{
    color: #ffffff;
}
#yc-tec-lema{
    text-align:center;
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 15%;
    padding-bottom: 15%;
    background: linear-gradient(90deg, #600B0E 21%, #F00 100%);
    margin-top: 5%;
}
#yc-tec-info{
    padding-top: 5%;
}
#yc-tec-info h4{
    text-transform: uppercase;
    font-size: 1rem;
    line-height: inherit;
}
#competition{
    padding-top: 5%;
}
#competition h4{
    font-size: 1rem;
}
#competition h2{
    margin-top: 0!important;
}
#col-comp h4{
    letter-spacing: normal;
    padding-left: 15%;
}

/*********************Taula competencia**********************/
table {
    border-collapse: collapse;
    width: 100%;

  }
  th, td {
    border: none!important;
    text-align: left!important;

    border-bottom: 1px solid #cdcdcd!important;
  }
  th {
    padding-left: 30px!important;
  }
 td{
    padding: 8px 30px!important;
 }
 #competition{
    padding-left: 18%;
    padding-right: 18%;
    background: linear-gradient(180deg, rgba(231, 232, 236, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%);
 }

 #competition i{
    background-color: #ED1F27;
    color: white;
    padding:5px;
    border-radius: 5px;
    margin-right: 15px;
 }
 td .icono{
    text-align: right!important;
 }

 /***************************CONTACTO***********************/
 #yc-formulario{
    padding-top: 5%;
 }
 #yc-formulario input[type="text"]{
    width: 100%;
 }
 #yc-formulario input[type="email"]{
    width: 100%;
 }
 #yc-formulario input[type="submit"]{
    width: 50%;
	color: #fff !important;
    border-color: #ED1F27 !important;
    background-color: #ED1F27 !important;
    display: table-cell !important;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%);
    background-repeat: repeat-x;
	 border-radius:5px;
 }
#yc-formulario input[type="submit"]:hover{
	opacity:0.7;
}
 #yc-formulario a{
    color:#ED1F27!important;
 }

 #col_50mas{
    padding-left: 5%;
 }


 /**************************CERTIFICADOS******************/

 #yc-certificados{
    padding-top: 5%;
 }


 /**************************TABLA DISTRIBUIDORES************/

 table {
    border-collapse: collapse;
    width: 100%;
}
.column-5{
	white-space: nowrap;
}

th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

th {
    background-color: #f2f2f2;
}

.comunidad {
    background-color: #FDE2E3;
    text-transform: uppercase;
}

.provincia {
    background-color: #c3c3c3;
    text-transform: uppercase;
}
#tabla-distribuidores{
    padding-top: 10%;
}


 /**************************FOOTER*********************/
#icons-footer{
    padding-left: 2%;
}
 #block-9 .fa-brands{
    padding-right: 5%;

 }
 .title {
    position: relative;
    padding-left: 5%;
  }

  .title::before {
    content: "";
    position: absolute;
    left: -35px; /* Ajusta la posición de la línea según sea necesario */
    top: 50%;
    width: 35px; /* Ajusta la longitud de la línea según sea necesario */
    height: 1px;
    background-color: WHITE;
  }


  /*****************************RESPONSIVE MÒBILS************************
  ********************************Ihone 4 4s***************************/
  @media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #yc-bienvenida {
        height: 70vh;
    }

    #yc-bienvenida .col-bienvenida {
        padding: 5%;
    }
    #yc-bienvenida h4 {
        font-size: 0.8rem;
    }
    #yc-bienvenida h1 {
        font-size: 2.5rem;
    }
    h1 button {
        font-size: 0.8rem;
    }

	  #logo-25{
		  padding-bottom:15%;
	  }


    #caracteristicas .col-caracteristicas {
        width: 90%;
        margin-top: 5%;
    }
    #caracteristicas {
        top: 80vh;
        margin-top: 5%;
    }
    #yc-intro {
        padding-top: 90vh;
        padding-left: 3%;
        padding-right: 3%;
    }
    #yc-logos-home {
        flex-direction: column;
        align-content: center;
    }
    #yc-logos-home .col-caracteristicas {
        width: 80%;
    }
    #yc-tecnologias .col-tec-caracteristicas {
        padding-right:3%;
        padding-left: 3%;
    }
    #yc-tecnologias .col-tec-caracteristicas-izquierda {
        padding-left: 3%;
    }
    #title_faqs h4{
        text-align:center;
    }
    #title_faqs h2{
        text-align:center;
    }
    .col-faqs {
        padding-right: 0!important;
    }
    .col-faqs button{
        display: block;
        margin: auto;

    }
    .footer-widgets-grid {

        display: flex!important;
        flex-direction: column;
        align-items: center;
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 60px;
        padding-right: 60px;
    }
    #icons-footer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #yc-productos h2 {
        font-size: 2rem;
    }
    #yc-productos h4 {
        font-size: 0.8rem !important;
    }
    #yc-tab-mandos .vc_active {
        border-color: #ED1F27;
        background-color: #ED1F27;
        color: white;
    }
    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
        border-color: none!important;
        background-color: transparent!important;
    }
    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        color: white!important;
    }

    .col-tec-inf {
        padding-left: 3% !important;
    }
    .col-tec-img img{
        padding-top: 5%;
    }
    #yc-nemesis-mandos h3 {

        font-size: 2rem;
        font-weight: 600;
    }
    #evolution img {
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 5%;
    }
    #yc-tec-lema {

        padding-left: 5%;
        padding-right: 5%;


    }
    #highlights .col-caracteristicas {
        width: 90%;
        margin-top: 5%;
    }
    #row-post-highlights{
        padding-left: 3%;
        padding-right: 3%;
    }
    #row-post-highlights .wpb_single_image.vc_align_right {
        text-align: left;
    }
    #yc-tec-info{
        padding-left: 3%;
        padding-right: 3%;
        padding-bottom: 10%;
        margin-left: 0%;
        margin-right: 0%;
    }
    #competition {
        padding-left: 3%;
        padding-right: 3%;
    }
    #col-comp h4 {
        padding-left: 0;
    }
    #tabla-competencia{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
	  #tabla-distribuidores{
		  overflow-x: auto;
        -webkit-overflow-scrolling: touch;
	  }


}


/*****************************************************************************************************************************************************************************
************************************************************************** NOVA VERSIÓ WEB *************************************************************************************
 * ***************************************************************************************************************************************************************************/
#yc-bienvenida img{
    max-width: 100%;
    height: 95vh;
    vertical-align: middle;
    object-fit: cover;
}
#mandos-flotantes{
    position: absolute;
    width: 40%;
    right: 5%;
    bottom:-20vh
}

#section-home-01{
    padding-top: 30%;
    padding-bottom: 10%;
}
#section-01{
    padding-top: 15%;
    padding-bottom: 10%;
}

#section-home-01 img{
    width: 50%;
}

#section-home-01 .titulo-main {
    font-family: "Montserrat", sans-serif;
    font-weight:300!important;
    letter-spacing: 1px;
		color: #ED1F27;
    font-size: 1rem!important;
    text-transform: uppercase;

}
#section-home-01 .titulo-principal {
    font-family: "Fjalla One", sans-serif;
    color:#000000;
    letter-spacing: normal;
    font-size: 3rem!important;

}
.caracteristicas-yc-home{
    font-size: 1.2rem;
    text-transform: uppercase;
}

#col-caracteristicas-home{
    border-top: solid 1px #cdcdcd;
    border-bottom: solid 1px #cdcdcd;
    padding: 2%;
    margin-left: 15%;
    margin-right: 10%;
}
#col-caracteristicas-home .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px!important;

}
.cuerpo-yacht-controller{
    font-size: 1.2rem;
}
body:not(.elementor-page):not(.panel-layout) .entry-content h2, body:not(.elementor-page):not(.panel-layout) .entry-content h3, body:not(.elementor-page):not(.panel-layout) .entry-content h4, body:not(.elementor-page):not(.panel-layout) .entry-content h5, body:not(.elementor-page):not(.panel-layout) .entry-content h6 {
    margin-top: 0!important;
}
#destacados{
    background: linear-gradient(90deg, #600B0E 21%, #F00 100%);
    padding: 10% 5%;
}
#destacados .yc-destacados{
    color:white;
    text-align: center;
    font-size: 4rem;
    text-transform: none;

}

#destacados .yc-subtitulo-destacados{
    color:white;
    text-align: center;
    font-size: 1.5rem;
    text-transform: none;
    font-family: "Montserrat", sans-serif!important;
    font-weight:300!important;
    letter-spacing: 10px;

}
#yacht-controller-next-gen{
    padding-top: 10%;
}

#sistemas-home{
    padding-top: 10%;
}

.lema{
    font-family: 'Open Sans'sans-serif;
    text-transform: none;
    font-weight: 800;
    color:#000000;
    padding-bottom: 5%;
	font-size:1.5rem;

}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern {
    color: #fff!important;
    border-color: #ED1F27!important;
    background-color: #ED1F27!important;
    display: table-cell!important;

}
#col-right-next-gen{
    padding-left: 15%;
}

#sistemas-home{
    padding-bottom:10%;
}

#sistemas-home .sistema-col-image{
    width:85%;
    display: block;
    margin: auto;
    padding-bottom: 5%;
}

.caracteristica-sistema{
    color: #ED1F27;
    text-transform: uppercase;
    text-align: left;
    border-bottom:solid 1px #cdcdcd;
    font-family:'Open Sans'sans-serif;
    font-weight: 500!important;
    font-size: 1rem;
    letter-spacing: normal;
    padding-top: 2%;
}

#maximo .sistema-col-image{
    padding-bottom: 4%;
}
#sistemas-home .yc-button-2{
    display: flex;
    justify-content: center;
}
#sistemas-home .cuerpo-yacht-controller{
    padding-top:2%;
    padding-bottom: 5%;

}
#elejir-mando{
    padding-top: 10%;
}
.nombre-mando-col{
    color: #ED1F27;
    text-transform: uppercase;
    text-align: center;
    font-family: "Fjalla One", sans-serif;
    font-weight: 600!important;
    font-size: 3rem;
    letter-spacing: normal;
    padding-bottom: 5%;


}

#mandos-cols{
    padding-top: 10%;
}
.caract-marca-home{
    color: white!important;
    text-align: left;
    font-family: "Fjalla One", sans-serif;
    font-weight: 600!important;
    font-size: 2rem;
    padding-bottom: 5%;
    padding-top: 5%;
}

#caract-home-yc .cuerpo-yacht-controller{
    color:white;
}
#element-left{
    border-right: solid 4px #ED1F27;
    width: 70%;
    margin-left: 20%;
    margin-top: 20%;
    padding-right: 5%;
}
#element-right{
    border-left: solid 4px #ED1F27;
    width: 70%;
    margin-right: 20%;
    margin-top: 20%;
    padding-left: 5%;
}
#col-right-caract-marca-home{
    padding-top: 20%;
    padding-bottom: 10%;
}
#clientes-opinion{
    padding-top:10%;
}

#tarjeta-opinion{
    padding: 5%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 10px;
    margin:5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.titular-opinion{
    color: black;
    text-align: left;
    font-family: "Fjalla One", sans-serif;
    font-weight: 600!important;
    font-size: 1.2rem;
}
.cuerpo-opinion{
    color: #56565a;
    text-align: left;
    font-family:'Open Sans'sans-serif;
    font-weight: 300;
    font-size: 1rem;
    padding-top: 2%;
    padding-bottom: 5%;

}
#autor-opinion{
    border-top:solid 1px #cdcdcd;
}
.nombre-autor-opinion{
    color: #ED1F27;
    text-align: left;
    font-family: "Fjalla One", sans-serif;
    font-weight: 600!important;
    font-size: 1.2rem;
    padding-top: 2%;
    margin-bottom: 0;
}
.barco-autor-opinion{
    font-family: "Montserrat", sans-serif!important;
    font-weight:300!important;
    letter-spacing: 0.3vh;
    font-size: 0.8rem;
    text-transform: uppercase;

}
#row-opiniones{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2%;

}
.section {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%; /* Inicia fuera de la vista a la derecha */
    opacity: 0; /* Inicia invisible */
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
#caracteristicas-principales{
    padding-top: 10%;
}
#caracteristicas-principales .titulo-principal{
    text-align: center;
}
#mandos-cols-car{
    padding-top: 5%;
}
#contactenos .titulo-principal{
    padding: 20%;
}
#col-right-contactenos {
    padding-left: 5%;
}
#contactenos .cuerpo-yacht-controller{
    padding-bottom: 5%;
}
#section-02-soluciones{
    padding-top: 10%;
}
#ventajas{
    margin-top: 10%;
}
#ventajas .titulo-principal{
    text-align: center;
    color: white;
    padding-bottom: 5%;
    padding-top: 5%;
}

#ventaja-indi{
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: 0%;
    padding-bottom: 5%;
    padding-right: 30%;
}

#ventajas img{
    width: 65%;
    display: block;
    margin: auto;
}
.titulo-ventaja{
    color: white;
}
#ventaja-indi .cuerpo-yacht-controller{
    color: #fff;
}
#solucion-situacion{
    padding-top: 10%;
}
#comparativa-soluciones{
    padding-top: 10%;
    padding-bottom: 5%;
}
#comparativa-soluciones .titulo-principal{
    padding-bottom: 5%;
}
.comparativa-sistema{
    font-family: 'Fjalla-one'sans-serif;
    color: black;
}
.propiedad{
    font-family: "Montserrat", sans-serif!important;
    font-weight:500!important;
    letter-spacing: 0.25vh;
    color: #ED1F27;
    text-transform: uppercase;
    line-height: inherit;
}
.seccion-porque-yc{
    color: #000000;
    text-align: left;
    font-family: "Fjalla One", sans-serif;
    font-weight: 600!important;
    font-size: 1.5rem;
    margin-bottom: 2%!important;

}
#yc-porque img{
    width: 75%;
}
#yc-porque{
    padding-top: 5%;
}
#quienes-somos-info h2{
    padding-top: 5%;
}
#quienes-somos-info{
    padding-bottom: 5%;
}
#quienes-somos-img img{
    height: 45vh;
    object-fit: cover;



}
#quienes-somos-img{
    padding-bottom: 5%;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: ltr;
    width: 100%;
}
#yc-formulario label{
    font-weight: 600;
    color: #000000;
    padding-top: 5%;
    padding-bottom: 5%;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%;
}
.row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.go-top.show {

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



/***********************************************************************************************************************************************************************************
*********************************************************************** NUEVO REPONSIVE ********************************************************************************************
************************************************************************************************************************************************************************************/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {


	#yc-bienvenida img {
		height: 70vh;
	}

	.seccion-faqs{
		font-size:1.5rem;
		text-transform:uppercase;
	}

	  #block-8  {
		display: flex;
		margin: auto;
		flex-direction: column;
		align-items: center;
	}
	  #block-9 .cuerpo-yacht-controller{
		margin-right: 0%!important;
		  padding:5%;
		  text-align:center;

	  }
	  #icons-footer {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap:15%;
    }

	  #block-10 .title::before {

		  display:none;
	}
	  #block-10 .title {

		padding-left:0%;
		  text-align:center;
	}
	  #block-11{
		  text-align:center;
	  }

	  #col-legal-text{
		  margin-left:5%;
		  margin-right:5%;
	  }
	  #yc-tec-informacion{
		  width:100%;
	  }
	  .vc_row .wpb_row .vc_row-fluid{
        width: 100%!important;
    }

    #mandos-flotantes {
        position: absolute;
        width: 70%;
        right: 15%;
        bottom: -10vh;
    }
    #section-home-01 {
        margin: 2%;
    }
    #section-home-01 .titulo-main {
        padding-top: 5%;
    }
    #col-caracteristicas-home {
        margin-left: 2%;
        margin-right: 2%;
    }
    #section-home-01 .cuerpo-yacht-controller{
        padding-bottom: 5%;
    }
    #destacados .yc-destacados {
          font-size: 2.5rem;

    }
    .titulo-principal{
        font-size: 2.5rem!important;
    }
    #yacht-controller-next-gen {
        margin-left: 2%;
        margin-right: 2%;
    }
    #col-right-next-gen {
        padding-left: 2%;
    }
    .lema{
        padding-bottom: 5%;
        padding-top: 10%;
    }
    #sistemas-home {
        margin-left: 2%;
        margin-right: 2%;
    }
    #elejir-mando{
        margin-left: 2%;
        margin-right: 2%;

    }
    #mandos-cols img{
        width: 60%;
        display: block;
        margin: auto;
    }
    #mandos-cols{
        margin-left: 2%;
        margin-right: 2%;
    }
    .nombre-mando-col{
        font-size: 3rem;
    }
    #element-left {

        width: 75%;
        display: block;
        margin: auto;
        padding-left: 10%;
        margin-top: 15%;
        border-right: none;
        border-left: solid #ED1F27 4px;
    }
    #element-right {

        width: 75%;
        display: block;
        margin: auto;
        padding-left: 10%;
        margin-top: 15%;
    }
    #row-opiniones {
        grid-template-columns: 1fr;
        gap: 2%;
    }
    #section-01 {
        padding-top: 25%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #contactenos .titulo-principal {
        padding: 0%;
        margin-left: 2%;
        margin-right: 2%;
        padding-top:10%
    }
    #col-right-contactenos {
        padding-left: 2%;
        padding-top: 10%;
    }
    #section-02-soluciones {
        padding-top: 20%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #ventajas {
        padding-top: 10%;
    }
    #ventaja-indi {
        padding-right: 0;
        margin-left: 10%;
        margin-right: 10%;
        display: flex;
        flex-direction: column;
    }
    #ventajas img {
        width: 15%;
        display: flex!important;
        padding-bottom: 5%;
        padding-top: 5%;
        margin: initial!important;
    }
    .titulo-ventaja {
        font-size: 1.5rem;
    }
    #solucion-situacion {
        padding-top: 15%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #tabla-soluciones{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;

    }
    #comparativa-soluciones {
        padding-top: 20%;
    }
    #yc-porque {
        margin-left: 2%;
        margin-right: 2%;
        padding-bottom: 10%;
    }
    #yc-faqs {
        margin-left: 2%;
        margin-right: 2%;
        padding-top: 10%;
    }
    .seccion-porque-yc{
        padding-bottom: 10%;
    }
    #yc-faqs p span{
        font-weight: 300!important;
        font-size: 1.2rem;

    }
    #yc-formulario h3{
        padding-top: 5%;
    }
    #yc-formulario{
        margin-left: 2%;
        margin-right: 2%;
    }
	  #yc-empresa{
		  padding-bottom:5%;
	  }




}
/****************************IPAD MINI*****************************/

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

	 #yc-bienvenida img {
		height: 65vh;
	}

	 #block-8  {
		display: flex;
		margin: auto;
		flex-direction: column;
		align-items: center;
	}
	  #block-9 .cuerpo-yacht-controller{
		margin-right: 0%!important;
		  padding:5%;
		  text-align:center;

	  }
	  #icons-footer {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap:15%;
    }

	  #block-10 .title::before {

		  display:none;
	}
	  #block-10 .title {

		padding-left:0%;
		  text-align:center;
	}
	  #block-11{
		  text-align:center;
	  }

	  #yc-bienvenida {
		height: 90vh;
	  }
	  #caracteristicas {
		top: 45vh;
	}
	  #caracteristicas h2 {
		font-size: 1rem;
	}

	  #yc-bienvenida .col-bienvenida {
		padding-left: 5%;
	  }
	  .wpb_single_image img {
		padding-top: 20%;
	  }
	  #yc-intro {
		padding-left: 5%;
		padding-right: 5%;
	}
	  #yc-logos-home .col-caracteristicas {
		width: 25%;
		height: 20vh;
	}
	  #title_faqs h4{
        text-align:center;
    }
    #title_faqs h2{
        text-align:center;
    }
    .col-faqs {
        padding-right: 0!important;
    }
    .col-faqs button{
        display: block;
        margin: auto;

    }
	.footer-widgets-grid.footer-layout-col3-bigleft {
    	grid-template-columns: 1fr 1fr 1fr!important;
	}
	  #col-tec-row img{
		  width:60%;
	  }
	  .wpb_single_image img {
		padding-top: 0%;
	}
	  .col-tec-img img{
		  width:40%;
		  padding-top:10%;
	  }
	  .col-tec-inf {
		padding-right: 5% !important;
		padding-left: 5% !important;
	}
	  #evolution img {
		padding-left: 2%;
		padding-right: 2%;
	}
	  #yc-tec-lema {
		padding-left: 5%;
		padding-right: 5%;

	}
	  #highlights .col-caracteristicas {
		width: 25%;
		height: 20vh;
	}
	  #row-post-highlights{
		  padding-left:5%;
		  padding-right:5%;
	  }
	  #yc-tec-info{
		  padding-left:5%;
		  padding-right:5%;
	  }
	  #competition {
        padding-left: 5%;
        padding-right: 5%;
    }
    #col-comp h4 {
        padding-left: 0;
    }
    #tabla-competencia{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #mandos-flotantes {
        position: absolute;
        width: 50%;
        right: 25%;
        bottom: 10vh;
    }
    #section-home-01 {
        margin: 2%;
		padding-top:0;
    }
	#section-home-01 img {
    padding-bottom: 10%;
}
    #section-home-01 .titulo-main {
        padding-top: 5%;
    }
    #col-caracteristicas-home {
        margin-left: 2%;
        margin-right: 2%;
    }
    #section-home-01 .cuerpo-yacht-controller{
        padding-bottom: 5%;
    }
    #destacados .yc-destacados {
          font-size: 2.5rem;

    }
    .titulo-principal{
        font-size: 2.5rem!important;
    }
    #yacht-controller-next-gen {
        margin-left: 2%;
        margin-right: 2%;
    }
    #col-right-next-gen {
        padding-left: 2%;
    }
    .lema{
        padding-bottom: 5%;
        padding-top: 10%;
    }
    #sistemas-home {
        margin-left: 15%;
        margin-right: 15%;
    }
    #elejir-mando{
        margin-left: 2%;
        margin-right: 2%;

    }
    #mandos-cols img{
        width: 60%;
        display: block;
        margin: auto;
    }
    #mandos-cols{
        margin-left: 15%;
        margin-right:15%;
    }
    .nombre-mando-col{
        font-size: 3rem;
        padding-bottom: 0;
        padding-top: 10%;
    }
    #element-left {

        width: 75%;
        display: block;
        margin: auto;
        padding-left: 10%;
        margin-top: 15%;
        border-right: none;
        border-left: solid #ED1F27 4px;
        margin-left: 10%;
    }
    #element-right {

        width: 75%;
        display: block;
        margin: auto;
        padding-left: 10%;
        margin-top: 15%;
        margin-left: 10%;
    }
    #col-right-caract-marca-home {
        padding-top: 0%;

    }
    #row-opiniones {
        grid-template-columns: 1fr;
        gap: 4%;
    }
    #section-01 {
        padding-top: 25%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #contactenos .titulo-principal {
        padding: 0%;
        margin-left: 2%;
        margin-right: 2%;
        padding-top:10%
    }
    #col-right-contactenos {
        padding-left: 2%;
        padding-top: 10%;
    }
    #section-02-soluciones {
        padding-top: 20%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #ventajas {
        padding-top: 10%;
    }
    #ventaja-indi {
        padding-right: 0;
        margin-left: 10%;
        margin-right: 10%;
        display: flex;
        flex-direction: column;
    }
    #ventajas img {
        width: 12%;
        display: flex!important;
        padding-bottom: 5%;
        padding-top: 5%;
        margin: initial!important;
    }
    .titulo-ventaja {
        font-size: 1.5rem;
    }
    #solucion-situacion {
        padding-top: 15%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #tabla-soluciones{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;

    }
    #comparativa-soluciones {
        padding-top: 20%;
    }
    #yc-porque {
        margin-left: 2%;
        margin-right: 2%;
        padding-bottom: 10%;
    }
    #yc-faqs {
        margin-left: 2%;
        margin-right: 2%;
        padding-top: 5%;
    }
    #quienes-somos-img img {
        height: 25vh;
    }
    .seccion-porque-yc{
        padding-bottom: 0%;
    }
    #yc-faqs p span{
        font-weight: 300!important;
        font-size: 1.2rem;

    }
    #yc-formulario h3{
        padding-top: 5%;
    }
    #yc-formulario{
        margin: 2%;
        padding-top: 10%;
    }

}