/*
Theme Name: onekin
Theme URI: onekin.eus
Description: Tema de la web de onekin
Author: Tiralineas
Author URI: 
Version: 1.0
Text Domain: onekin
*/

@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

/*---------------------------------------------
                ESTILOS GENERALES
        ----------------------------------------------*/



/* COLORES

azul marino: #171d2d 
verde:#aed3bc
rosa: #ee7775 
amarillo: #ECD06D
beige: #f3f3ee
gris: #E7E7E7
azul-oscuro: #080B14
gris menu lateral:#f7f7f7


*/

*:root {
  --azul: #171d2d ;
  --rosa: #ee7775;
  --verde: #aed3bc;
  --amarillo: #ECD06D;
  --beige: #f3f3ee;
  --gris-cl: #E7E7E7;
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    color: var(--azul);
    font-family: "Raleway", sans-serif;
}

.full {
    width: 100%;
    margin: 0 auto;
}
.full-interior {
    width: 100%;
    margin: 0 auto;
}
.main {
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
    padding: 50px 20px;
}
.main-p{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
    padding: 30px 20px;
}
.centrado {
    text-align: center;
}
.padding {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padding-g {
    padding-top: 100px;
    padding-bottom: 100px;
}
.padding-p {
    padding: 2% 2%;
}
.padding-t {
    padding-top: 50px;
}
.padding-b {
    padding-bottom: 50px;
}
.row {
    margin: 0;
}
.centrado {
    text-align: center;
}
.drch {
    text-align: right;
}
.display {
    display: flex;
}


.migas {
    color: black;
    font-weight: 400;
}

.nav-corp ul {
    padding-left: 0 !important;
}
.nav-corp ul li {
    list-style: none; 
    border: 1px solid #f1f0f0;
    width: 100%;
    display: grid;
}
.nav-corp ul li a {
    font-weight: 400;
    color: black;
    padding: 10px;
    width: 100%;
}
.nav-corp ul li a:hover,
.nav-corp ul li a:focus {
    text-decoration: none;
    background: #f1f0f0;
}

.si-tab {
    display: none;
}
.no-tab {
    display: block;
}

.si-lg {
    display: block;
}
.no-lg {
    display: none;
}

.no-mov,
p.no-mov {
    display: block;
}
.si-mov,
p.si-mov {
    display: none;
}

.visible {
    display: block !important;
}

/*   Colores  */

.f-verde {
    background: var(--verde);
}
.f-verde-opc {
    background: rgba(184, 211, 188, 0.9);
}
.f-gris {
    background: #c5c5c5 !important;
}
.f-gris-cl {
    background: #f2f2f2;
}
.f-rosa {
    background: var(--rosa);
}
.f-azul {
    background: var(--azul);
}

.mensaje.f-rosa {
    padding: 15px 0px;
}
main .mensaje.f-verde.si-mov {
    padding: 14px 0px;
}
.mensaje.f-rosa p,
.mensaje.f-verde p {
    margin-bottom: 0;
}
.mensaje.f-verde p {
    padding: 1px 0px;
}
.f-beige {
    background: var(--beige);
}

/* Titulos y textos */

h1,
h2,
h3,
h4 {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
}
h1 {
    font-size: 1.50rem;
    margin-bottom:0;
}
.h1gris {
    background: #e7e7e7;
    color: var(--azul);
    margin-bottom: 0;
   
}
.h1rosa {
    background: var(--rosa);
    color: var(--azul);
    margin-bottom: 0;
    
}
.h1verde {
    background: var(--verde);
    color: var(--azul);
    margin-bottom: 0;
    
}

.h1gris,
.h1rosa,
.h1verde {
    padding: 22px 0px;
    text-align: center;
}

.h1img{
    position: relative;
    overflow: hidden;
    min-height: 157px;
    background: var(--azul);;
}

.h1img img{
    position: absolute;
    width: 100%;
    height: auto;
    top: -50px;
    opacity: 0.4;
}
.h1img h1 {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    text-align: center;;
}
.h1img .main-p {
    padding: 0;
}
.home-agenda h1{
    font-size: 34px;
    font-weight:bold;

}

h2 {
    font-size: 22px;
    padding-bottom: 30px;
}
#servicios h2{
    font-size: 26px;;
  }
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
p {
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    line-height: 27px;
}
h2.f-rosa{
    display: inline-block;
    padding: 15px !important;
    margin-bottom: 5%;
}

a {
    color: #ca2724;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #ca2724;
}

.rosa {
    color: #ca2724;
}
.verde{color: var(--verde);}

.destacado p.grande {
    font-size: 40px;
    font-weight: 700;
    line-height: 33px;
}
.destacado p.grande span {
    font-size: 19px;
}

ul {
    list-style-type: circle;
    padding-left: 30px;
}
ol {
    padding-left: 30px;
}
ul li,
ol li {
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    line-height: 27px;
}

.titulo-img {
    padding: 10px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #ececec;
}
.titulo-img img {
    width: 40px;
    float: left;
    margin-right: 20px;
}
.titulo-img h2 {
    padding: 5px;
    margin: 0;
    font-size: 25px;
}

.articulo a p {
    color: #252733;
    font-weight: 400;
}

h2.titulo-hr {
    font-weight: 400;
}
h2.titulo-hr strong {
    font-weight: 700;
}
h2.titulo-hr:after {
    content: "";
    width: 70px;
    height: 2px;
    background: var(--azul);
    display: flex;
    margin: 0 auto;
    margin-top: 20px;
}


/*  Botones */

.boton-verde i,
.boton-rosa i,
.boton-blanco i {
    width: 20px !important;
    margin-right: 5px;
    margin-top: -4px;
    margin-bottom: 0 !important;
    font-weight: bold;
}     
p.boton-verde,
p.boton-rosa,
.boton-azul,
p.boton-blanco {
    margin-bottom: 0;
}

.boton-buscar img {
    margin-right: 10px !important;
    width: 13px !important;
}
p.boton-buscar {
    font-size: 11px !important;
    width: auto;
    padding: 0px 10px;
}

.boton-verde a,
.boton-rosa a,
.boton-blanco a {
    color: var(--azul);
    font-weight: 400;
}
.boton-verde a:hover,
.boton-rosa a:hover,
.boton-azul a:hover,
.boton-blanco a:hover {
    color: var(--azul) !important;
    text-decoration: none;
}

.boton-rosa {
    background: var(--rosa) !important;
}
.boton-blanco {
    background: #ffffff !important;
}

.boton-azul-kabia,
.boton-verde,
.boton-rosa,
.boton-blanco {
    display: inline-block;
    vertical-align: middle;
    /* -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: var(--verde);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 7px 15px;
    color: var(--azul);
    cursor: pointer;
}
.boton-verde:before {
    border: 2px solid var(--verde);
}
.boton-rosa:before {
    border: 2px solid var(--rosa);
}
.boton-blanco:before {
    border: 2px solid var(--azul);
}
.boton-verde:before,
.boton-rosa:before,
.boton-blanco:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.boton-verde:hover,
.boton-verde:focus,
.boton-verde:active,
.boton-rosa:focus,
.boton-rosa:active,
.boton-rosa:hover,
.boton-blanco:active,
.boton-blanco:hover {
    color: var(--azul);
}

.boton-rosa:before {
    border: 2px solid var(--rosa);
}
.boton-blanco:before {
    border: 2px solid var(--azul);
}

.boton-verde:hover:before,
.boton-verde:focus:before,
.boton-verde:active:before,
.boton-rosa:hover:before,
.boton-rosa:focus:before,
.boton-rosa:active:before,
.boton-blanco:hover:before,
.boton-blanco:focus:before,
.boton-blanco:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.boton-azul {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    padding: 5px 30px;
    background-color: var(--azul);
    transition: all 0.3s;
    color: #ffffff;
    border: none;
}
.boton-azul-kabia {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    padding: 5px 30px;
    background-color: var(--azul);
    transition: all 0.3s;
    color: #ffffff;
    border: none;
}

.boton-azul a {
    color: white;
    font-weight: 400;
}
.boton-azul:hover a {
    color: var(--azul);
    font-weight: 400;
}
.boton-azul-kabia:hover,
.boton-azul-kabia:focus,
.boton-azul-kabia:active,
.boton-azul:hover,
.boton-azul:focus,
.boton-azul:active {
    background-color: white;
    color: var(--azul);
}
.boton-azul:hover a,
.boton-azul:focus a,
.boton-azul:active a {
    color: var(--azul);
    text-decoration: none;
}

.boton-rosa.boton-buscar input[type="submit"] {
    background: none;
    border: 0;
    text-transform: uppercase;
    color: var(--azul);
    font-weight: 400;
    font-size: 11px !important;
    width: auto;
    padding: 2px 0px;
}

.cli-tab-footer .cli-btn {
    background: var(--rosa) !important;
 
}

/*-------------------------------------------------------
                   ODS - PROGRAMA
-------------------------------------------------------*/

.ods-programa :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 120px!important;
    margin-bottom: 4px!important;
}


/*************idiomas****************/
.ods-programa img{
    height: auto;
    max-width: 117px!important;
    margin-left: 4px!important;
    margin-bottom: 7px!important;
    
}







.banner-cab img{width:100% !important;}

/* Slider */

#home-en .texto-slider .boton-rosa,
#home-en .texto-slider .boton-verde,
#home-en .texto-slider .boton-blanco {
    margin: 10px 0px;
}
#home-en .texto-slider {
    width: 100%;
}

.slide-cabecera {
    position: relative;
}
.texto-slider {
    position: absolute;
    top: 15%;
    left: 20%;
    color: white;
    z-index: 5;
}
.bx-wrapper {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.texto-slider h1 {
    font-weight: 400;
    margin-bottom: 30px;
}
.texto-slider p {
    font-size: 17px;
}
.texto-slider img {
    width: 220px;
    margin-bottom: 20px;
}
.texto-slider .boton-rosa,
.texto-slider .boton-verde,
.texto-slider .boton-blanco {
    font-size: 14px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: var(--rosa);
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ffffff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 30px;
}

#home-en .carousel-control-next {
    width: auto;
    right: -40px;
}
#home-en .carousel-control-prev {
    left: -40px;
    width: auto;
}
.slide-cabecera .carousel-control-next {
    opacity: 0.8;
    right: 5%;
    position: absolute;
    top: 50%;
    background: var(--azul);
    width: auto;
    height: fit-content;
    padding: 10px;
}
.slide-cabecera .carousel-control-prev {
    opacity: 0.8;
    left: 5%;
    position: absolute;
    top: 50%;
    background: var(--azul);
    width: auto;
    height: fit-content;
    padding: 10px;
}

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

.carousel-control-next, .carousel-control-prev {
    opacity: 0.8!important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    /* background-color: #000000!important; */
    width: 2rem;
    height: 2rem;
    /* background: var(--azul); */
    padding: 15px !important;
    opacity: 1;
}
/* .carousel-control-next-icon{
    content:'\F285';
    font-family: bootstrap-icons;
}
 .carousel-control-prev-icon{
    content:'\F284';
    font-family: bootstrap-icons;

}  */

.bxslider {
    width: 100%;
    height: 50vw;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.bxslider img.img1 {
    width: 100%;
    animation: move1 20s ease;
    /* Add infinite to loop. */

    -ms-animation: move1 20s ease;
    -webkit-animation: move1 20s ease;
    -o-animation: move1 20s ease;
    -moz-animation: move1 20s ease;
    position: absolute;
}

@keyframes move1 {
    0% {
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    100% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }
}

.bxslider img.img2 {
    width: 100%;
    animation: move2 20s infinite;
    /* Add infinite to loop. */

    -ms-animation: move2 20s infinite;
    -webkit-animation: move2 20s infinite;
    -o-animation: move2 20s infinite;
    -moz-animation: move2 20s infinite;
    position: absolute;
}

@keyframes move2 {
    0% {
        -webkit-transform-origin: bottom right;
        -moz-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        -o-transform-origin: bottom right;
        transform-origin: bottom right;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    100% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }
}
.bxslider img.img3 {
    width: 100%;
    animation: move3 20s infinite;
    /* Add infinite to loop. */

    -ms-animation: move3 20s infinite;
    -webkit-animation: move3 20s infinite;
    -o-animation: move3 20s infinite;
    -moz-animation: move3 20s infinite;
    position: absolute;
}

@keyframes move3 {
    0% {
        -webkit-transform-origin: bottom center;
        -moz-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        -o-transform-origin: bottom center;
        transform-origin: bottom center;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    100% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }
}

#home-en h2 {
    font-weight: 400;
}
#home-en h2 strong {
    font-weight: 700;
}

#home-en .texto-slider {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#home-en .f-beige img {
    max-width: 250px;
    width: 100%;
    margin: 30px;
}

#home-en .f-verde-img {
    background: url(https://onekin.eus/wp-content/themes/onekin/images/fondo-verde.jpg)
        no-repeat top center;
    background-size: cover;
    height: 700px;
    background-attachment: fixed;
    position: relative;
}
#home-en.main {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 1200px;
    max-width: 100%;
}
#home-en .servicios {
    margin: 50px 0px;
}
#home-en .servicios img {
    margin: 20px 0px;
}
#home-en .boton-rosa {
    color: #ffffff;
}

#home-en .sectores {
    margin: 20px 0px;
}
#home-en .sectores .caja {
    position: relative;
    width: 100%;
    height: 193px;
    overflow: hidden;
}
#home-en .sectores img {
    width: auto;
    height: 100%;
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
}
#home-en .sectores .capa {
    background: rgba(23, 29, 45, 0.7);
    opacity: 0;
    transition: opacity 0.4s;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px;
}
#home-en .sectores .capa:hover {
    background: rgba(23, 29, 45, 0.6);
    opacity: 1;
}
#home-en .sectores .capa i {
    color: #ffffff;
    font-size: 30px;
}
#home-en .sectores .capa p {
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    width: 100%;
}
#home-en .sectores .capa > .caja {
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
}
#home-en #form .modal-header {
    display: block;
}
#home-en .imagenes {
    padding: 50px 0px;
}
#home-en .imagenes > .row {
    padding: 0px 50px;
}

#home-en .carousel-indicators .active {
    background-color: var(--rosa);
}
#home-en .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#home-en .carousel-inner img {
    width: 100%;
}

/* contenido */


#mega-menu-wrap-max_mega_menu_6 span.mega-toggle-label, #mega-menu-wrap-max_mega_menu_7 span.mega-toggle-label{
    display: none !important;
}

.contenido {
    border-top-style: solid;
    border-color: #ececec;
    padding-top: 30px;
}
.contenido h2 {
    font-size: 26px;
}
.taco-pop-verde .f-gris-cl,
.taco-pop-rosa .f-gris-cl {
    padding: 20px;
    transition: background 0.3s;
    height: 100%;
}
.taco-pop-verde .f-gris-cl:hover {
    background: var(--verde);
}
.taco-pop-rosa .f-gris-cl:hover {
    background: var(--rosa);
}
.taco-pop-verde a,
.taco-pop-rosa a {
    color: #252733;
}
.flecha img {
    width: 100px;
}

.destacado {
    background: #f2f2f2;
    padding: 20px; /*border-left: 6px solid var(--rosa); */
    margin-bottom: 20px;
}
.contacto .media img.img1,
.contacto .media img.img2 {
    background: var(--rosa);
    width: 40px;
    border-radius: 50%;
    margin-right: 15px;
    transition: all 0.3s;
}
.contacto .media {
    align-items: center !important;
}

.categoria-nueva-videos{

    background-color: #2DF5B8;
    color: #023374;
    margin-left: 35px;
    padding: 0px 10px 0px 10px;
    font-size: 15px;
}

.video {
    width: 100%;
    margin: 30px 0px;
}
.video iframe {
    width: 100%;
}

#programa .empresa img {
    width: 160px;
    height: auto;
    margin: 10px;
}
#programa .sostenible img {
    width: 100px;
    height: auto;
    margin: 10px;
}

#programa ul, #digitala ul {
    /* color: white!important; */
    list-style: none;
    padding-left: 15px!important;
}
#programa ul li {
    /* color: white!important; */
    line-height: 20px;

   
}

#programa ul li:before,
#digitala ul li:before,
.tab-prg ul li:before {
    content: "\2022" !important;
    color: var(--rosa);
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
    font-size: 19px;
    line-height: 20px;
    margin-right: 10px;
}

#programa .columna .f-gris-cl img {
    width: 70%;
    margin: 0 auto;
    padding: 15px;
}
.columna .f-gris-cl,
#programa .f-gris-cl {
    padding: 20px;
}

.columna .f-gris-cl .boton-rosa {
    margin: 20px 0px;
    font-size: 18px !important;
    padding: 10px 20px;
}
.columna .f-gris-cl p {
    font-size: 14px;
    line-height: 22px;
}
.columna .boton-rosa a {
    /* color: #ffffff; */
}
.columna .boton-rosa:hover a {
    color: var(--azul);
}
.enlaces {
    background: var(--azul);
    padding: 15px;
}
.enlaces a{
    color: #fff !important;
    padding: 15px 0;
}
.tramitacion {
    padding: 13px;
    background: var(--beige);
    /* margin-bottom: 20px !important; */
}
.enlaces h3 {
    color: #ffffff;
    padding: 7px 7px 7px 0px;
    border-bottom: 2px solid #ffffff;
}
.tramitacion h3 {
    font-size: 20px;
    color: var(--azul);
    display: flex;
    align-items: center;
    padding: 7px 7px 7px 0px;
    border-bottom: 2px solid var(--azul);
}
.enlaces h3 img,
.tramitacion h3 img {
    margin-right: 10px;
    margin-bottom: 8px;
}
.tramitacion h3 img {
    width: 30px;
}
.enlaces p, .medida p,
.tramitacion p {
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    padding: 9px 0px;
    margin: 5px 0px;
    overflow-wrap: break-word;
}

.bannervertical {
    margin-top: -10px;
    padding: 13px;
    background: var(--beige);
    margin-bottom: 20px !important;
}

.bannervertical p {
    color: var(--azul)!important;
    font-size: 14px;
    line-height: 17px;
    padding: 9px 0px;
    margin: 5px 0px;
    overflow-wrap: break-word;
}


.enlaces.medida ul,
.tramitacion ul {
    padding: 0px;
}
/*
.enlaces.medida li {
  border-bottom: 1px solid #ffffff;
  padding: 7px 0px;
}*/
#programa .enlaces.medida ul li:before,
#programa .tramitacion.medida ul li:before {
    content: "\F231";
    font-family: bootstrap-icons !important;
    font-size: 13px !important;
    color: #ffffff !important;
    margin-right: 10px !important;
}
#programa .tramitacion.medida ul li:before {
    color: var(--rosa) !important;
}

.enlaces.medida li a {
    color: var(--rosa);
    word-break: break-all;
}
.tramitacion.medida li a {
    color: var(--azul);
    word-break: break-all;
}

.columna {
    padding: 0px 20px;
}
.mapa {
    margin-bottom: 20px;
}
.mapa h3 {
    border-bottom: 1px solid var(--azul);
    padding: 10px 10px 10px 0px;
    margin-left: 10px;
}
.mapa img {
    display: flex;
    width: 90%;
    height: auto;
    margin: 0 auto;
}

#listado ul li {
    list-style: none;
}
#listado .col-sm-6 {
    height: 100%;
}
#listado h4 {
    margin-bottom: 20px;
}

.borde {
    border: 1px solid #808081;
    margin: 10px 10px 10px 0px;
    text-align: center;
}
.borde img {
    width: 80%;
    padding: 30px;
}

.accesos {
    justify-content: space-around;
}
.accesos img {
    width: 90%;
    margin-bottom: 20px;
}
.accesos h2 {
    padding: 0;
    margin: 0;
}
.accesos h2 a {
    color: var(--azul);
}

.columna .destacado-azul {
    height: auto !important;
}
.destacado-azul {
    background: #252733;
    color: #ffffff;
    text-align: center;
    padding: 20px;
    height: 100%;
    display: grid;
    margin-bottom: 50px;

}

.destacado-azul a{
    color: #ffffff!important;
}

.destacado-azul .info {
    width: 70px;
    margin: 15px 0px;
    margin: 0 auto;
}
.destacado-azul p.titulo {
    font-size: 24px;
    font-weight: 700;
    padding: 10px;
    line-height: 31px;
}
.destacado-azul .boton-rosa {
    float: none;
    margin: 15px 0px;
    font-size: 18px;
    padding: 15px 20px;
    width: 90%;
}
.panel-body .boton-rosa {
    float: none;
    margin: 15px 0px;
    font-size: 15px !important;
    padding: 10px 20px;
}
.destacado-azul .boton-rosa a,
#blog .boton-rosa a,
.panel-body .boton-rosa a,
#home-en .imagenes .boton-rosa a, .servicio-amort a {
    color: var(--azul);
}
.destacado-azul .boton-rosa:hover a,
#blog .boton-rosa:hover a,
.panel-body .boton-rosa:hover a,
#home-en .imagenes .boton-rosa:hover a, .servicio-amort .boton-rosa:hover a{
    color: var(--azul);
}
.destacado-azul .drch img {
    width: 90px;
    margin: 0 auto;
}
.destacado-azul .texto {
    margin: 15px 0px;
}

.hr-icono {
    background: #ececec;
    height: 2px;
    width: 80%;
    margin: 20px 0px;
}
.saber i {
    margin: 10px;
    font-size: 33px;
    color: var(--rosa);
    transition: color 0.3s;
}

img.empresas-vin {
    max-width: 220px;
    margin-bottom: 20px;
}
.saber i:hover {
    color: var(--azul);
}

.tab-prg td,
.tab-prg th {
    border: 1px solid #e6e8ec;
    padding: 5px;
    font-size: 12px;
}
.tab-prg th {
    text-align: inherit;
    background: var(--azul);
    color: white;
}
td.subt {
    background: #f7f7f7;
    font-weight: 700;
}
.tab-prg ul li::before {
    margin-top: 0 !important;
}
.tab-prg ul {
    margin-top: 0 !important;
    padding: 0 !important;
}
.tab-prg ul li {
    font-size: 12px;
    padding: 4px 0px;
}
.tab-prg h2 {
    padding: 34px 0px 20px 0px;
    color: var(--rosa);
    /*  --- Estados Programas ----*/
}
.proximamente,
.vigente,
.expirado {
    font-size: 12px;
    padding: 2px 5px;
}

.medida.proximamente,
.medida.vigente,
.medida.expirado {
    padding: 20px 10px;
    margin-top: 20px;
    font-size: 15px;
}
.medida.proximamente h3,
.medida.vigente h3,
.medida.expirado h3 {
    font-size: 20px;
}

.vigente {
    background: #299b60;
    color: #ffffff;
}
.proximamente {
    background: #f8dc8d;
    color: #444444;
    display: block;
    font-size: 11px;
    padding: 0px 5px;
    align-items: center;
}
.proximamente:before {
    content: "";
    background: url("https://onekin.eus/wp-content/themes/onekin/images/exclamacion-medidas.svg");
    height: 15px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    margin-right: 5px;
}
.expirado {
    background: #dddddd;
    color: #444444;
}

.medida.vigente:before {
    content: "";
    background: url("https://onekin.eus/wp-content/themes/onekin/images/candado-abierto.svg");
    height: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 60px;
    margin-right: 10px;
}
.medida.expirado:before {
    content: "";
    background: url("https://onekin.eus/wp-content/themes/onekin/images/candado.svg");
    height: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 60px;
    margin-right: 10px;
}
.medida.proximamente:before {
    content: "";
    background: url("https://onekin.eus/wp-content/themes/onekin/images/exclamacion-medidas.svg");
    height: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    width: 60px;
    margin-right: 10px;
}

/* -- Formulario -- */

.wpcf7 {
    width: 100%;
}
input,
textarea {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #f1f0f0;
    padding: 4px;
    color: gray;
}

select {
    margin-bottom: 20px;
}
input::placeholder,
textarea::placeholder {
    color: gray;
    padding: 5px;
    font-size: 14px;
}
input[type="submit"] {
    width: auto;
    color: #ffffff;
}
input[type="checkbox"],
input[type="radio"] {
    width: auto;
}
span.wpcf7-list-item {
    display: flex;
    align-items: center;
    font-size: 14px;
}
input[type="file"] {
    margin-bottom: 0 !important;
}
.formulario p {
    font-size: 12px;
}
span.wpcf7-list-item {
    margin: 0 !important;
}
.formulario input[type="submit"] {
    font-size: 18px;
}

/* Checkbox CSS
----------------*/
.check input[type="checkbox"] {
    margin-bottom: 5px;
}
input.boton-azul {
    width: 100%;
}

.check span.wpcf7-list-item {
    font-size: 10px;
    padding: 0px 15px;
    width: 193px;
}
.check {
    border-bottom: 1px solid #a3c4b0;
    margin-bottom: 20px;
}

/*    Migas de pan */

.breadcrumb {
    background: #ffffff;
    padding: 0;
    margin: 0;
}

table li:before,
table ul li:before {
    content: "\F231";
    font-family: bootstrap-icons !important;
    color: var(--rosa);
    margin: 0px 5px !important;
}

table li {
    list-style: none;
    padding: 7px 0px;
}

/*-----------------------------------
                FOOTER
        -----------------------------------*/

.news {
    background: var(--verde) !important; /*margin-top:50px;*/
}
.news h4 {
    font-size: 26px;
    margin-bottom: 20px;
}
.news p {
    margin-bottom: 0;
}
.news input.boton-azul {
    display: block;
    width: auto;
    margin: 0 auto;
}





.news .gform_footer input[type="submit"] {
    width: auto;
    color: #fff;
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 7px 15px;
	background: var(--azul) !important;
	margin-bottom: 0!important;
}

.azul .linea {
    display: flex;
    align-items: center;
}
.azul h3 {
    color: white;
    font-size: 18px;
    margin-right: 20px;
    width: 125px;
}

.hr {
    background: var(--rosa);
    height: 2px;
    width: 40%;
}
.hr-grande {
    background: #ececec;
    height: 2px;
    width: 100%;
    margin: 20px 0px;
}


.legal > .row > div{
    padding:0;
}
.legal img {
    width: 100px;
    margin: 0px 10px;
}
.legal a {
    font-size: 13px;
    font-weight: 400;
}
.legal p {
    margin-bottom: 0;
}
.nota-legal {border-top: 1px solid #d4d4d4;
padding-top: 3%;
/* color: #8a8a8a; */
}

.anuncio > .texto > p > a {
   color: #ca2724 !important;
}

.enlaces-azules a {
    color: var(--azul);
}
.nota-legal p {font-size:11px; line-height:16px;}

.nota-legal-newsletter {text-align:center; color:#000000; padding-top: 1%}
.nota-legal-newsletter p {font-size:11px; line-height:16px;}





/*--------------------------------
                    POST
---------------------------------*/

.f-beige .articulo {
    background: #ffffff;
    margin: 10px;
    padding: 10px;
    height: 100%;
}
.f-beige .articulo h4 {
    color: #252733;
    font-size: 18px;
    line-height: 24px;
}
.f-beige .articulo p {
    line-height: 20px;
}
.fecha {
    font-size: 12px;
}
.f-beige .destacado-azul {
    margin: 10px;
}

.rpwwt-widget ul li a {
    display: flex;
    align-items: center;
}
.rpwwt-widget ul li a img {
    margin: 0.3em 0.75em 0.3em 0;
    width: 50px;
    height: 50px;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 50px !important;
    height: 50px !important;
}
.rpwwt-post-title {
    font-size: 12px;
    line-height: 17px;
}
#sidebar {
    margin-bottom: 20px;
    padding: 10px;
}
#sidebar ul {
    padding: 0px;
}

.caja-img {
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.caja-img img {
    width: auto;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
}
.autor {
    display: flex;
}

/*--------------------------------
         BUSCADOR PALABRAS
---------------------------------*/
#searchform .col-8,
#searchform .col-4 {
    padding: 2px;
}

.resultado {
    border-bottom: 1px solid #999999;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.resultado .boton-rosa a {
    color: #ffffff;
    text-transform: uppercase;
}
.resultado .boton-rosa a:hover {
    color: #000000;
}

/*--------------------------------
         BUSCADOR POR PASOS
---------------------------------*/

.pasos {
    font-size: 32px;
    display: inline-block;
    margin-left: 10px;
}
.to_tags div {
    display: inline-block;
    padding: 10px 20px;
    background: var(--azul);
    margin: 5px;
}
.to_tags div a {
    color: #ffffff;
}
.to_tags div:hover {
    opacity: 0.7;
}
.nube_de_tags {
    text-align: center;
    margin-top: 40px;
}
.to_choices_caption_bottom {
    display: block;
    font-size: 14px;
    margin-top: 20px;
}

#resultados h3 {
    background: #252733;
    color: #ffffff;
    padding: 5px 8px 8px 8px;
    font-size: 18px;
}
#resultados h3.ap-COVID-19 {
    background: var(--verde);
}
#resultados ul {
    list-style: none;
}
#resultados .columna a {
    margin: 5px 0px 5px 20px;
    font-size: 15px;
    line-height: 28px;
}

/*--------------------------------
         POPUP 
---------------------------------*/

.modal-open .modal.pop-fd-marino {
    background: rgba(37, 39, 51, 0.9);
    color: #ffffff;
}
.pop-fd-marino .modal-content {
    background: none;
    border: 0;
}
.pop-fd-marino .close {
    color: var(--rosa);
    font-size: 18px;
    text-shadow: none;
    text-align: left;
    margin-left: 20px;
}

.modal-open .modal.pop-fd-verde {
    background: rgba(184, 211, 188, 0.9);
    color: var(--azul);
}
.pop-fd-verde .modal-content {
    background: none;
    border: 0;
}

.modal-open .modal.pop-fd-rosa {
    background: rgba(226, 122, 116, 0.9);
    color: var(--azul);
}
.pop-fd-rosa .modal-content {
    background: none;
    border: 0;
}

/*--------------------------------
         POPUP CON SLIDER 
---------------------------------*/

.modal-open .modal.fd-verde {
    background: rgba(184, 211, 188, 0.9);
    color: var(--azul);
}
.fd-verde .modal-content {
    background: none;
    border: 0;
}
.fd-verde .carousel-control-prev {
    left: -15%;
    font-size: 2rem;
    color: var(--azul);
}
.fd-verde .carousel-control-next {
    right: -15%;
    font-size: 2rem;
    color: var(--azul);
}
#azul .carousel-control-prev {
    left: -12%;
    font-size: 2rem;
}
#azul .carousel-control-next {
    right: -12%;
    font-size: 2rem;
}
#form .close {
    margin-top: 0 !important;
    font-weight: 700;	
    background:0;
    border:0;
}
#form .close:hover {
    color: white;
}
.form-pop a {text-transform: inherit!important;}
#form .modal-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 0px !important;
}
#form .modal-header img {
    width: 35px;
}
 #form i.far, #form i.fas {
    color: var(--rosa);
    padding: 10px;
    border: 1px solid var(--rosa);
    border-radius: 50px;
    margin-right: 10px;
}

/*#form .form-pop .formulario i,
.formulario i {
    color: var(--rosa);
    padding: 10px;
    border: 1px solid var(--rosa);
    border-radius: 50px;
    margin-right: 10px;
}
*/
.close {
    font-size: 4rem;
    font-weight: 300;
    color: var(--azul);
    font-family: sans-serif;
    background: none;
    border: none;
}
.carousel-indicators {
    bottom: -30px;
}
.modal.fd-verde .modal-header .close {
    padding: 0;
}
.modal.fd-verde .modal-header {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--azul);
}
.modal.fd-verde .carousel-indicators li {
    background-color: rgba(23, 29, 45, 0.5);
}
.modal.fd-verde .carousel-indicators .active {
    background-color: rgba(23, 29, 45);
}
.modal.fd-verde .carousel-item h4 {
    padding-bottom: 20px;
}

.modal-open .modal.fd-rosa {
    background: rgba(226, 122, 116, 0.9);
    color: var(--azul);
}
.show.modal.fd-blanco {
    background: rgba(255, 255, 255, 0.9);
    color: var(--azul);
}
.fd-rosa .modal-content,
.fd-blanco .modal-content {
    background: none;
    border: 0;
}
.fd-rosa .carousel-control-prev {
    left: -15%;
    font-size: 2rem;
    color: var(--azul);
}
.fd-rosa .carousel-control-next {
    right: -15%;
    font-size: 2rem;
    color: var(--azul);
}
.modal.fd-rosa .modal-header .close {
    padding: 0;
}
.modal.fd-rosa .modal-header {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--azul);
}
.modal.fd-rosa .carousel-indicators li {
    background-color: rgba(23, 29, 45, 0.5);
}
.modal.fd-rosa .carousel-indicators .active {
    background-color: rgba(23, 29, 45);
}
.modal.fd-rosa .carousel-item h4 {
    padding-bottom: 20px;
}

#mesures .modal-lg {
    max-width: 940px;
}
#mesures .carousel-indicators {
    margin: 0;
}
#mesures .carousel-indicators {
    display: none;
}

/*--------------------------------
         PESTA AS CORPORATIVAS
---------------------------------*/

.tab-content > .active {
    opacity: 1;
}
.tab-content {
    border: 1px solid #d4d4d4;
    padding: 20px;
    border-top: 0px;
}
.nav-tabs {
    margin-top: 50px;
    padding-bottom: 5px;
}

.nav-tabs a {
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    padding: 10px;
    background: rgb(247, 247, 247);
    color: var(--azul);
    text-decoration: none;
}
.nav-tabs a.active.show,
.nav-tabs a.active {
    background: var(--rosa);
    color: var(--azul)!important;
    text-decoration: none;
}
/*--------------------------------
         EXPERIENCIAS 
---------------------------------*/
.empresa-experiencia {font-size:18px; text-transform: uppercase; letter-spacing: 1px; border-bottom:3px solid var(--verde); margin-bottom:15px !important;}
h2.titular {font-size:34px;margin-top:4%;}
.entradilla-experiencia {font-size:24px; padding-bottom:3%;   }
.experiencia-img {padding-top:5%;}
.experiencia-img img {
    width: 100%;
    height: auto;
    padding:0 0 5% 0;
}
.fecha-expr{font-weight: 300;font-style: italic;font-size:15px;text-transform: capitalize;;}
.bt-ficha {background:var(--rosa); margin:30px 40px 50px 40px; font-size:18px; padding:10px 20px;  text-align:center; letter-spacing: 1px; text-transform: uppercase; }
.bt-ficha a {color:#ffffff;}

@media (max-width: 768px) {

    #loop-tax > div > div:nth-child(1) > div > div:nth-child(3){
        display: none;
    }
    #loop-tax > div > div:nth-child(1) > div > div:nth-child(4){
        display: none;
    }

/*-------------------------------------------------------
                   ODS - PROGRAMA
-------------------------------------------------------*/


    .ods-programa :where(img[class*=wp-image-]) {
        height: auto;
        max-width: 133px !important;
        margin-bottom: 4px !important;
    }

    


}


/*--------------------------------
         BLOG 
---------------------------------*/



/* Nuevos estilos BLOG */

#blog.main{
    max-width: 1500px;
    display: grid;
    grid-template-columns: 1fr 3fr ;
    gap:50px;
}

#blog .loop-post-blog{
    padding:0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:70px;
}
.card-noticia{}
.card-noticia .card-header{
    margin-bottom: 0px; 
    padding: 15px 0;
    border-bottom:0 !important;
    background: #fff;;
}
.card-items{border:none !important;}
.card-noticia .card-text{padding:0;}
.card-noticia .card-text h4{
    font-weight: bold;
    font-size: 16px;;

}
#single-post img{
    max-width: 100%;
    height: auto;;
}

#single-post .contenido{
    border-top: 1px solid #f2f2f2;
}

#blog .thumbnail{
    height: 280px;
    overflow:hidden;
    position: relative;
    border: 1px solid #f2f2f2 

}

#blog .thumbnail img{
    min-width: 100%;
    min-height: auto;;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
   
}
.card-items{
    border: solid 1px var(--beige);
}
.card-text{
    padding: 0px 10px 10px 10px;
}
.card-text p{
    line-height: 24px;;
}
/* .card-text p:not(.boton-azul){
    min-height: 100px;
} */
.categorias-actualidad{
    margin-bottom: 50px;
}
.categorias-actualidad .encabezado-card{
    color: white;
    background-color: #252733;
}
.categorias-actualidad .encabezado-card h4{
    margin: 0px;
}
.categorias-actualidad  a::before{
    margin-right: 10px; 
}
.categorias-actualidad .link-list{
   background: #ffff;
}
.categorias-actualidad .link-list ul{
    padding-left:0;
 }
.categorias-actualidad .link-list li{
    list-style: none;
    font-size:15px;
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 15px;
}
.categorias-actualidad .link-list a{
    width: 100%;
}


.metas {
    display: flex;
    align-items: baseline;
    border-bottom: none!important;
    font-size: 12px;
}


.metas a {
    color: #252733;
}
.metas ul.post-categories {
    padding-left: 0px;
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    margin-bottom:0;
}

.metas ul.post-categories li {
    list-style-type: none;
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    position: relative; 
}

.metas ul.post-categories li:not(:last-child)::after {
    content: "";
    border-right: 2px solid #f2f2f2;
    position: absolute;
    right: -11px; 
    top: 50%;
    transform: translateY(-50%);
    height: 50%; 
}

.metas ul.post-categories li:before {
    content: "" !important;
    margin-right: 0 !important;
}

.metas i {   
    color: #ca2724;
    font-size: 13px;
    margin-right: 3px;
    line-height: 2;
}
.metas p {
    align-content: center;
    display: flex;
    height: 15px;
    font-size: 12px;
    padding: 0px 20px 0 0;
    flex-wrap: wrap; 
    gap: 5px; 
    text-align: center;
    margin-bottom: 0 !important;

}
#blog h2 {
    font-size: 29px;
    padding-bottom: 20px;
}
#blog h2 a {
    color: #252733;
}
#blog .boton-rosa {
    margin-bottom: 50px;
    /* font-size: 12px; */
}

#blog h3 {
    padding: 30px 0px 15px 0px;
}
.main #blog {
    padding-top: 0 !important;
}
/*.fas{line-height: 23px !important;}*/

.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
    width: 350px;
    height: auto;
}
.wp-block-image .aligncenter,
.wp-block-image.is-resized {
    width: 600px;
    height: auto;
}
.wp-block-image img {
    width: 100%;
    height: auto;
}
.wp-block-image figcaption {
    margin-top: 0px !important;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 12px !important;
    border: 1px solid #e6e8ec;
    font-style: italic;
    padding: 5px;
}

.navigation ul {
    display: flex;
}
.navigation ul li {
    list-style: none;
    margin: 5px;
    transition: all 0.3s;
}
.navigation ul li.active {
    border: 1px solid var(--rosa);
}
.navigation ul li:hover {
    background: var(--rosa);
}
.navigation ul li:hover a {
    color: #ffffff;
}
.navigation ul li a {
    padding: 5px;
}
.navigation ul li a:hover {
    text-decoration: none;
}


.home #blog .thumbnail, .page-template-nuevo-home #blog .thumbnail{
    height: 225px;
}
/*--------------------------------
         SLIDER OBJETIVOS
---------------------------------*/
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    /* font-family: 'slick'; */
    font-size: 50px;
    line-height: 1;

    opacity: 0.75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: "\F284";
    font-family:bootstrap-icons;
    color: var(--azul);
}
[dir="rtl"] .slick-prev:before {
    content: "\F284";
    font-family:bootstrap-icons;
    color: var(--azul);
}

.slick-next {
    right:0;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -15px;
}
.slick-next:before {
    content: "\F285";
    font-family:bootstrap-icons;
    color: var(--azul);
}
[dir="rtl"] .slick-next:before {
    content: "\F285";
    font-family:bootstrap-icons;
    color: var(--azul);
}

/* PUNTOS */
.slick-dotted.slick-slider {
    margin-top: 35px;
    /* @media (max-width: 768px) {
        display: none;
    } */
}

.slick-dots {
    /*position: absolute;
      bottom: -25px;
    */
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
    margin-bottom: 50px;
}
.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 20px;

    position: absolute;
    top: 20px;
    left: 0;

    width: 20px;
    height: 20px;

    content: " ";
    text-align: center;

    opacity: 0.25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: black;
}

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    max-width: 700px;
    margin:0 auto;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev {
    position: absolute;
    /* left: -80px; */
    top: 50px;
}

.slick-next {
    position: absolute;
    /* right: -80px; */
    top: 50px;
}

/* ----------------------------
ACORDE N
---------------------------- */

#herramienta{
    padding: 15px;
    color: #252733;
}
.resumen-herramientas{
    position: relative;
    position: sticky;
    top: 50px;
}
.herramienta > h4{
    margin: 15px 0;
    background: #252733;
    color: #ffffff;
    padding: 5px 8px 8px 8px;
    font-size: 18px;
}
.herramienta > h4::before{
    content: "\F231";
    font-family: bootstrap-icons !important;
    color: #e37a74 !important;
    font-size: 12px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.resumen-herramientas .accordion-item  a{
    text-decoration: none;
    color: inherit;
}
.resumen-herramientas .accordion-item  .herramienta{
    /* position: relative;; */
    display: flex;
}
.accordion-item  .herramienta{
    /* position: relative;; */
    display: flex;
}

.resumen-herramientas .accordion-item  .herramienta::after{
    font-family: bootstrap-icons;
    content: "\F285";
    /* position: absolute; */
    right: 0;
    margin-left: auto;
}

.accordion-item .herramienta::after{
    font-family: bootstrap-icons;
    content: "\F285";
    /* position: absolute; */
    right: 0;
    margin-left: auto;
}

#herramienta > div:hover{
    color: var(--rosa);	
}

/* .herramienta  .accordion .accordion-item a .accordion-header .accordion-button::after{
    font-family: bootstrap-icons;
    content: '\F285';
}
.herramienta  .accordion .accordion-item a .accordion-header .accordion-button::after{
    font-family: bootstrap-icons;
    content: '\F285';
} */
.accordion-button-derecha{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.accordion-button-derecha::after{
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: "FontAwesome";
    content: "\f056";
    color: var(--rosa);
    font-size: 21px;
    margin-right: 10px;
}

.panel-heading.collapsed .accordion-toggle:before {
    /* symbol for "collapsed" panels */
    content: "\f055";
}
.contenido .panel-heading h3 {
    font-size: 16px;
    margin: 0 !important;
    padding: 15px 0px;
    border-bottom: 1px solid #e6e8ec;
    color: #252733;
    text-decoration: none;
    text-transform: uppercase;
}

.panel-body {
    margin: 0px 0 20px 0;
    padding: 20px;
    background: #f9f9f9;
}

.panel-body img {
    width: 150px;
    height: auto;
    margin-bottom: 20px;
}
#accordion a {
    text-decoration: none;
}

/*   COVID   */

.f-beige .formulario i {
    font-size: 28px !important;
}
.f-beige .formulario a {
    font-size: 24px;
}

.datos-contacto {
    text-align: center;
    font-size: 24px;
}

/*************Carrusel***********/

:root{
    --swiper-theme-color:var(--azul)!important;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    padding-bottom: 20px!important;
   
}

/*
.panel-group {position:relative; min-height: 30px;padding:0px 20px; }


.panel-title {top: -45px;
    position: absolute;
    left: 0; 
        background:#ffffff;}
                  
.panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  color:var(--rosa);
  font-size:14px;
  text-transform:uppercase;
  text-decoration:none;
  display: grid;
  text-align: center;
}
                 
.panel-heading  a:before {
   content: "\f107";
    font-family: FontAwesome;
   transition: all 0.5s;
        background:var(--rosa);
        color:#ffffff;
        -webkit-border-radius: 20px;
-moz-border-radius: 30px;
border-radius: 30px;
        width:25px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    margin: 3px auto;
}
.panel-heading.active a:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
} 
                  .panel-body {margin: 40px 0 60px 0; padding: 20px;background: #f9f9f9;}

*/

/*  -------  MEDIAQUERY --------*/

@media only screen and (max-width: 1220px) {
    .logo img {
        width: 160px;
        margin-right: 20px;
    }

    .texto-slider {
        position: absolute;
        top: 10%;
        left: 12%;
        color: white;
    }
    .texto-slider > img {
        display: none;
    }
}
@media only screen and (max-width: 1078px) {
    #header-1 {
        display: none;
    }
    #header-2 {
        display: block;
    }
    .menu {
        margin-top: 8px;
    }
    .texto-slider h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .hr-p {
        margin: 15px 0px;
    }
    .banner-cab img {padding-top:57px;}
    .info-experiencia{margin:0 !important;}
}

@media only screen and (max-width: 991px) {
    .f-beige .destacado-azul {
        margin: 40px 10px 20px 10px;
        height: auto;
        display: block;
    }
    .f-beige .destacado-azul .boton-rosa {
        width: auto;
    }
    .f-beige .destacado-azul .texto {
        margin: 0;
    }
    .f-beige .destacado-azul .drch {
        margin: 0;
    }
    .si-lg {
        display: none;
    }
    .no-lg {
        display: block;
    }
    .destacado-azul .boton-rosa {
        font-size: 14px;
    }
    .formulario input[type="submit"],
    .news input[type="submit"] {
        font-size: 14px;
    }
    .h1gris,
    .h1img h1,
    .h1rosa,
    .h1verde {
        font-size: 23px;
    }
    .h1gris .main-p,
    .h1rosa .main-p,
    .h1verde .main-p {
        padding: 20px 20px;
    }
    .h1img img {
        position: initial;
        height: auto;
        width: 100%;
    }
    .h1img h1 {
        top: 46%;
        overflow-wrap: break-word;
    }
    .news h4 {
        font-size: 23px;
    }
    .h1img {
        min-height: 100px;
        height: 111px;
    }
    #azul .carousel-control-prev {
        left: -12%;
        font-size: 2rem;
    }
    #azul .carousel-control-next {
        right: -12%;
        font-size: 2rem;
    }
    #mesures .modal-lg {
        max-width: 700px;
    }
    input.boton-azul {
        width: auto;
    }

    #blog.main{
        max-width: 1500px;
        display: grid;
        grid-template-columns: 1fr ;
        gap:50px;
    }
    #blog .thumbnail {
        height: 200px;
    }

}



@media only screen and (max-width: 870px) {
    .texto-header {
        display: none;
    }
    .texto-slider {
        top: 4%;
    }
    .texto-slider h1 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .logo {
        margin: 0;
    }
    .si-tab {
        display: block;
    }
    .no-tab {
        /* display: none; */
    }
    .texto-slider {
        max-width: 100%;
        padding: 40px;
        top: 15%;
        left: 0;
    }
    .texto-slider h1 {
        font-size: 28px;
    }
    .mensaje img {
        width: 27px;
        text-align: center;
        padding: 3px 0px;
    }
    .mensaje i {
        font-size: 22px;
    }
    .mensaje.f-rosa p {
        padding: 8px 0px;
    }
    .wp-block-image .aligncenter,
    .wp-block-image .alignleft,
    .wp-block-image .alignright,
    .wp-block-image.is-resized {
        width: 100%;
        height: auto;
    }
    .wp-block-image img {
        width: 100%;
        height: auto;
    }
    .wp-block-image .aligncenter,
    .wp-block-image.is-resized {
        width: 100%;
        height: auto;
    }
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 12px;
    }
    .mensaje.f-rosa {
        padding: 15px 0px 15px 0px;
    }
    .f-beige .articulo {
        height: auto;
    }
    .caja-img img {
        width: 100%;
        height: auto;
        margin-top: -50px;
    }
    .nav-migas {
        padding: 5px 15px;
    }
    #mega-menu-wrap-max_mega_menu_3,
    #mega-menu-wrap-max_mega_menu_4 {
        display: none !important;
    }
    #corp .col-md-8.contenido {
        flex: 0 0 100% !important;
        width: 100%;
        max-width: 100%;
    }
    #corp .col-md-3 {
        display: none !important;
    }
    .main {
        padding: 20px 10px;
    }
    #programa .columna .f-gris-cl img,
    .columna .f-gris-cl img {
        width: 23%;
    }
    h2,
    .contenido h2 {
        font-size: 22px;
    }
    #blog h2,
    #blog h2 a {
        font-size: 22px;
    }
    #mesures .modal-lg {
        max-width: 600px;
    }
    #home-en .servicios img {
        margin: 10px 0px;
        width: 120px;
    }
    #home-en .servicios {
        margin: 15px 0px;
    }
    #home-en .f-beige img {
        max-width: 200px;
    }
    .info-experiencia > .row > .col-12.col-md-4{order:2;}
    .info-experiencia > .row > .col-12.col-md-8{order:1;}  
    .info-experiencia{margin:0;}

    .info-experiencia .experiencia-img{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    
    }
    .info-experiencia .experiencia-img > div{
        width: auto;
    height: 250px;
    overflow: hidden;
    }
    .info-experiencia .experiencia-img img {
        width: auto !important;
        height: 100% !important;
        padding:0;
    }
    .info-experiencia .si-tab img{width:100%;height: auto;margin-bottom:30px;;}
    #blog .thumbnail {
        height: 190px;
    }
    #blog .loop-post-blog{
        padding:0 !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap:50px;
    }
    .metas{
        display: block;;
    }
    .metas p{
        margin-bottom: 5px !important;
    }
    .experiencia-img  div{
        display:none !important;
    }
    #loop-tax > div > div:nth-child(1) > div > div.experiencias-list{display: block !important;;}




}
@media only screen and (max-width: 767px) {
    .mapa img {
        width: 50%;
    }
    
}
@media only screen and (max-width: 575px) {
    .no-mov,
    p.no-mov {
        display: none;
    }
    .si-mov,
    p.si-mov {
        display: block;
    }
    .logo {
        margin-left: 0;
    }
    .logo img {
        width: 150px;
        margin-left: 0px;
        margin-right: 0;
    }
    .texto-slider {
        max-width: 100%;
        padding: 20px;
        top: 10%;
        left: 0;
    }
    .hr-p {
        margin: 10px 0px;
    }
    /*#header-2 .row .col-2{padding-left:0px !important;padding-right:0px !important;}
          #header-2 .row .col-7{padding:0px 10px !important;}*/
    .mensaje i {
        font-size: 21px;
    }
    .mensaje.f-rosa p {
        padding: 6px 0px;
    }
    .accesos img {
        width: 80%;
    }
    .accesos h2 {
        font-size: 20px;
    }
    .texto-slider .boton-rosa,
    .texto-slider .boton-verde,
    .texto-slider .boton-blanco {
        font-size: 13px;
    }
    /*.mensaje.f-rosa{padding: 15px 0px 15px 0px;}*/
    .caja-img img {
        width: 100%;
        height: auto;
        margin-top: 0px;
    }
    .caja-img {
        height: auto;
    }
    .h1img img {
        height: 100%;
        width: inherit;
    }
    span.wpcf7-list-item {
        line-height: 20px;
        padding-bottom: 20px;
    }
    input[type="checkbox"],
    input[type="radio"] {
        margin-bottom: 0;
    }
    .hr {
        min-width: initial;
        width: 100%;
    }

    .legal img {
        margin: 13px;
    }

    .f-verde.mensaje {
        padding: 14px;
    }
    .mapa img {
        width: 80%;
    }
    .h1img h1 {
        width: 300px;
    }
    .modal-dialog {
        padding: 20px;
    }
    .modal-header h2 {
        padding: 0;
    }
    .modal.fd-verde .modal-header .close,
    .modal.fd-rosa .modal-header .close {
        font-size: 50px;
        margin-top: -15px !important;
    }
    .fd-verde .carousel-control-prev,
    .fd-rosa .carousel-control-prev {
        left: -18%;
        font-size: 27px;
    }
    .fd-verde .carousel-control-next,
    .fd-rosa .carousel-control-next {
        right: -18%;
        font-size: 27px;
    }
    .modal.fd-verde .modal-header,
    .modal.fd-rosa .modal-header {
        margin-bottom: 5px;
    }
    p.boton-buscar {
        float: right;
    }
    #searchform .col-12 {
        padding: 0;
    }
    #searchform input {
        padding: 5px;
    }
    .form-control-sm {
        height: 40px;
    }
    #programa .col-12 {
        padding: 0;
    }
    #programa .titulo-img img {
        width: 34px;
        margin-right: 15px;
    }
    #programa .titulo-img h2 {
        font-size: 21px;
    }
    #programa .empresa img {
        width: 120px;
    }
    #programa .sostenible img {
        width: 73px;
    }
    .columna .f-gris-cl .boton-rosa {
        font-size: 14px !important;
    }
    h3 {
        font-size: 17px;
    }
    .destacado-azul p.titulo {
        font-size: 18px;
        padding: 10px 0px;
    }
    .destacado-azul .boton-rosa {
        padding: 10px 20px;
    }
    #home-en .f-verde-img {
        height: auto;
    }
    #home-en .servicios {
        margin: 10px 0px;
    }
    #home-en .boton-rosa:hover .blanco {
        color: var(--azul);
    }
    #home-en .boton-verde,
    #home-en .boton-rosa,
    #home-en .boton-blanco {
        padding: 3px 10px;
        font-size: 12px;
    }

    #home-en .sectores img {
        width: auto;
        height: 100%;
        display: block;
        margin-top: 0;
    }
    .info-experiencia .experiencia-img{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    
    }
    .info-experiencia .experiencia-img > div{
        width: 100%;
        height: inherit;
        overflow: inherit;
    }
    .info-experiencia .experiencia-img img {
        width: 100% !important;
        height: auto !important;
        padding:0;
    }
    #blog .loop-post-blog{
        padding:0 !important;
        display: grid;
        grid-template-columns: 1fr;
        gap:50px;
    }
    #blog .thumbnail {
        height: 250px;
    }
    #blog .thumbnail img {
        min-width: inherit;
        min-height: inherit;
        position: relative;
        /* top: auto;
        left: auto;
        transform: none; */
        width: 100%;
        height: auto;
    }
    .destacado-azul .boton-rosa {
        font-size: 16px;
    }
    
}
@media only screen and (max-width: 425px) {
    .texto-slider {
        max-width: 100%;
        padding: 20px;
        top: 3%;
        left: 0;
    }
    .texto-slider h1 {
        font-size: 20px;
    }
    .accesos img {
        width: 100%;
    }
    .mapa img {
        width: 100%;
    }
    #programa .columna .f-gris-cl img,
    .columna .f-gris-cl img {
        width: 40%;
    }
    .h1gris,
    .h1rosa,
    .h1img,
    h1,
    .h1verde {
        font-size: 21px;
    }
    /* h2,
    .contenido h2,
    #blog h2,
    #blog h2 a {
        font-size: 18px;
    } */

    #home-en .sectores img {
        margin-top: 0;
    }


    /*-------------------------------------------------------
                    ODS - PROGRAMA
    -------------------------------------------------------*/


    .ods-programa :where(img[class*=wp-image-]) {
        height: auto;
        max-width: 120px !important;
        margin-bottom: 4px !important;
    }
}

/* PERSONALIZACIONES */
.alert-onekin {
    /* background-color: #ff7c74; */
    background-color:var(--azul)!important;
    color: #fff;
    border-radius: 4px;
    padding: 15px; 
}

.alert-onekin p{
    margin-bottom: 8px;
    line-height: 20px;
    font-size: 12px;
    color: #ffffff;
}
.alert-onekin a{
    text-decoration: underline!important;
    color: #ffffff!important;

}

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: var(--azul)!important;
    color: #ffffff!important;
}

.gform_wrapper.gravity-theme .gf_step_number {
    border: 2px solid var(--azul)!important;
}

.disabled-mode textarea {
    background-color: #f7f7f7;
}

.gform_title {
    display: none;
}
.gform_fileupload_rules {font-size: 11px!important;}

.info-contacto {margin-top:-38px; font-size: 18px;}
.info-contacto a{color: var(--rosa) !important;}

.textos-pequeños {
    font-size: .7rem;
    line-height: 15px;
}

.textos-pequeños--titulos {
    font-size: .8rem;
    font-style: italic;
}

/* SOBREESCRITURAS */
.gfield_label {
    position: relative;
}

.gsection_title {
    background: #f1f0f0;
    margin: 20px 0px;
    padding: 10px 15px;
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
    margin-top: 8px;
}

.gfield_required .gfield_required_asterisk {
    font-size: 25px !important;
    line-height: 0px;
    position: relative;
    top: 0px;
    padding-left: 1.125em !important;
}

.gform_description {
    border-radius: 5px;
    padding: 15px;
}

.text-left {
    text-align: left;
}

/* SOBREESCRITURAS GRAVITY FORM SELECT Y PLUGIN CHOSEN */

.gform_footer input[type="submit"] {
    width: auto;
    color: var(--azul);
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 7px 15px;
	background: var(--rosa) !important;
	margin-bottom: 0!important;
}

.gform_footer.top_label {padding:0!important;}

.gform_wrapper.gravity-theme .gfield_required{
    color: var(--azul) !important;
}

.gform_wrapper .gfield_required {
    position: relative;    
}

#gform_next_button_2_82,
#gform_previous_button_2_1,
#gform_next_button_2_1,
#gform_previous_button_2 {
    max-width: 200px;
    width: 200px;
}

#gform_submit_button_2 {
    background-color: var(--azul);
    transition-duration: .3s;
    padding: 4px 40px;
}

#gform_submit_button_2:hover {
    background-color: var(--rosa);
  
}

.gform_required_legend {
    display: none;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr {
    margin-top: 8px;
}

.gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
    background: #fff !important;
    height: 40px !important;
}

.gform_wrapper.gravity-theme .chosen-container-active .chosen-single {
    box-shadow: none !important;
}

.gform_page .chosen-container-single .chosen-single {
    padding: 2px 0 0px 8px !important;
}

.chosen-container-single .chosen-single {
    padding: 5px 0 0px 8px !important;
    height: 35px !important;
}

.gform_page .chosen-container-single .chosen-single div {
    margin-top: 0px;
}

.chosen-container-single .chosen-single div {
    margin-top: 5px;
}

.chosen-container.chosen-with-drop .chosen-drop {
    margin-top: -20px;
}


/*hover del formulario de empresas*/
.chosen-results .highlighted {
    color: #ffffff!important;
    /* background-color: var(--rosa) !important;
    background-image: linear-gradient(var(--rosa) 20%,var(--rosa) 90%) !important; */
    /* background-image: linear-gradient(var(--azul) ) !important; */
    background-image: linear-gradient(var(--azul) 20%,var(--azul) 90%) !important; 
      background-color: var(--azul) !important;
}

.chosen-container-single .chosen-single {
    background: #fff !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none !important;
}
.chosen-drop {
    margin-top: -1px !important;
}

.loader-container{
    display: flex;
    justify-content: center;

    margin-top: 35px;
}
.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out;
  }
  .loader {
    color: var(--rosa);
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    content: '';
    position: absolute;
    top: 0;
  }
  .loader:before {
    left: -3.5em;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 3.5em;
  }
  
  @keyframes bblFadInOut {
    0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
    40% { box-shadow: 0 2.5em 0 0 }
  }