#cms.cms-id-168 .logo-umana { background-image: url(../img/icono-umana.jpg); width: 100%; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; }
#cms.cms-id-168 .title { font-size: 1.875rem; text-align: center; font-weight: 500; margin: 15px auto 50px; line-height: 120%!important; }
#cms.cms-id-168 .description { font-size: 1.25rem; text-align: center; font-weight: 400; color: #737373; max-width: 950px; margin: 0 auto; }
#cms.cms-id-168 .certificado-table .title { font-size: 2.25rem; text-align: left; font-weight: 500; margin: 15px auto; }
#cms.cms-id-168 .certificado-table .description { font-size: 1.25rem; text-align: left; font-weight: 400; color: #737373; max-width: 950px; margin: 15px 0; }

#cms.cms-id-168 .fila { display: grid; grid-template-columns: 30% 20% 50%; }
#cms.cms-id-168 .tbody .columna { background-color: #ECECEC;}
#cms.cms-id-168 .columna { padding: 50px 15px 15px; background-color: #F9F9F9; }
#cms.cms-id-168 .tbody .texto { color: #1A1A1A; font-size: 1.25rem; font-weight: 500; }
#cms.cms-id-168 .texto { color: #737373; }
#cms.cms-id-168 .fila .columna:nth-child(1) .texto { color: #1A1A1A; }
#cms.cms-id-168 .fila .columna:nth-child(1) .texto strong { color: #737373; }

#cms.cms-id-168 .certificado-tabla .fila { border-bottom: 1px solid #737373; }
#cms.cms-id-168 .certificado-tabla .fila:first-child { border: none; }
#cms.cms-id-168 .certificado-tabla .fila:last-child { border: none; }

#cms.cms-id-168 .certificado-valoraciones .ronin-content { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
#cms.cms-id-168 .certificado-valoraciones .fila { display: grid; grid-template-columns: 35% 65%; }
#cms.cms-id-168 .certificado-valoraciones .tbody .columna { background-color: #ECECEC; }
#cms.cms-id-168 .certificado-valoraciones .columna { border-bottom: solid 4px #fff; background-color: #fff; padding: 20px 15px 15px; }
#cms.cms-id-168 #wrapper #main .certificado-valoraciones .columna .texto { margin-bottom: 5px; }
#cms.cms-id-168 .certificado-valoraciones .columna.doble { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
#cms.cms-id-168 .certificado-valoraciones .fila { background-color: #fff; }
#cms.cms-id-168 .certificado-valoraciones .fila:nth-child(2) .columna.doble { background-color: #247B160D; }
#cms.cms-id-168 .certificado-valoraciones .fila:nth-child(3) .columna.doble { background-color: #247B160D; }
#cms.cms-id-168 .certificado-valoraciones .fila:nth-child(4) .columna.doble { background-color: #8CDF4712; }
#cms.cms-id-168 .certificado-valoraciones .fila:nth-child(5) .columna.doble { background-color: #247B160D; }
#cms.cms-id-168 .certificado-valoraciones .fila:nth-child(6) .columna.doble { background-color: #8CDF4712; }

#cms.cms-id-168 .certificado-valoraciones .tabla.valoraciones .fila:nth-child(2) .columna { background-color: #247B160D; }
#cms.cms-id-168 .certificado-valoraciones .tabla.valoraciones .fila:nth-child(3) .columna { background-color: #8CDF4712; }
#cms.cms-id-168 .certificado-valoraciones .tabla.valoraciones .fila:nth-child(4) .columna { background-color: #FFEB3912; }
#cms.cms-id-168 .certificado-valoraciones .tabla.valoraciones .fila:nth-child(5) .columna { background-color: #FFAC6212; }
#cms.cms-id-168 .certificado-valoraciones .tabla.valoraciones .fila:nth-child(6) .columna { background-color: #DC000012; }

#cms.cms-id-168 .conclusiones .title { font-size: 2.25rem; text-align: left; font-weight: 500; margin: 15px auto; }
#cms.cms-id-168 .conclusiones .description { font-size: 1.25rem; text-align: left; font-weight: 400; color: #737373; max-width: 950px; margin: 15px 0; }
#cms.cms-id-168 .conclusiones .tabla .fila { border-bottom: 1px solid #737373; } 
#cms.cms-id-168 .conclusiones .tabla .fila:first-child  { border-bottom: none; } 
#cms.cms-id-168 .conclusiones .tabla .fila:nth-child(2) { border-bottom: none; } 
#cms.cms-id-168 .conclusiones .tabla .fila:last-child  { border-bottom: none; } 
#cms.cms-id-168 .conclusiones .tabla .fila:nth-child(2) .columna { background-color: #fff; } 
#cms.cms-id-168 .conclusiones .boton { text-align: center; margin: 75px auto 0; }
#cms.cms-id-168 .fila .texto.only-sm { display: none; }

.opciones .opcion .bottom p.descripcion-opcion { color: #fff; font-weight: 700; font-size: 2.2vw; padding: 0 50px; }

.opcion .opcion-container .imagen-opcion { background-position: center; background-size: cover; border-radius: 25px; }
#step-1 .opcion:nth-child(1) .opcion-container .imagen-opcion { background-image: url('../img/banner-step-1-opcion-1.jpg'); }
#step-1 .opcion:nth-child(2) .opcion-container .imagen-opcion { background-image: url('../img/banner-step-1-opcion-2.jpg'); }

body#cms.cms-id-158 #wrapper > div.container #main { padding: 0px; margin: 0 auto!important; }
body.cms-id-158 #wrapper div.block_newsletter { background-color: transparent; }
body#cms.cms-id-158 #wrapper #content.content-width { padding: 15px; }

body#cms.cms-id-158 #wrapper > div.container #main p  { margin-bottom: 0px; }
body#cms.cms-id-158 #main .ronin-section.recomendador .ronin-content  { padding: 15px; }
body#cms.cms-id-158 #main .compra-rapida { display: none; opacity: 0; visibility: hidden; width: 0; height: 0; }
body#cms.cms-id-158 #wrapper > div.container #main { max-width: 1600px; }
div.recomendador { position: relative; margin: 0; }
div.recomendador a { text-decoration: none; }
div.recomendador .ronin-container { max-width: 1600px; }
/*div.recomendador::after { content: ''; position: absolute; bottom: 0; left: 50%; height: 1px; width: calc(100vw - 32px); margin-left: calc(-50vw + 16px); background-color: #ccc; }*/
div.recomendador .items-rec { overflow: hidden; }
div.recomendador .item-rec { transition: all 0.0s; padding: 25px 0; z-index: 1; opacity: 0; position: absolute; top: 0; left: 0; }
div.recomendador .item-rec.current { transition: all 0.0s; padding: 25px 0; z-index: 50; opacity: 1; position: relative; }
div.recomendador .identificador { position: absolute; top: 0; left: 0; font-size: 2rem; opacity: 0.2; }
div.recomendador .paginacion { text-align: center; margin-bottom: 50px; }
div.recomendador .paginacion .pagina { display: inline-block; background-color: #fff; border-radius: 100px; padding: 5px 25px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }
div.recomendador .volver { text-align: center; margin: 50px 0; }
div.recomendador .volver a { transition: all 0.3s; color: #ffffff; background-color: #1A1A1A33; padding: 15px 10px 5px 8px; border-radius: 100%; }
div.recomendador .volver a:hover { transition: all 0.3s; color: #fff; background-color: #000; }
div.recomendador .boton-rec { transition: all 0.3s; text-align: center; margin: 50px 0; }
div.recomendador .boton-rec a { color: #fff; background-color: #FF5C00; padding: 10px 50px; border-radius: 4px; }
div.recomendador .boton-rec a:hover { transition: all 0.3s; color: #fff; background-color: #000; }
div.recomendador .titulo { text-align: center!important; font-size: 1.8rem; font-weight: bold; margin: 0 0 25px!important; line-height: 120%!important; }
div.recomendador .subtitulo { text-align: center; font-size: 1.4rem; font-weight: bold; margin: 0 0 25px; }
div.recomendador .descripcion { text-align: center; font-size: 1.0rem; font-weight: normal; margin: 0 0 25px; }
div.recomendador .opciones { margin: 50px auto; display: grid; gap: 15px; grid-template-columns: 1fr 1fr 1fr; max-width: 1200px; }
div.recomendador #step-1 .opciones { margin: 50px auto; gap: 15px; grid-template-columns: 1fr 1fr; max-width: 900px; }
div.recomendador #step-12 .opciones { margin: 50px auto; gap: 15px; grid-template-columns: 1fr 1fr; max-width: 900px; }
div.recomendador .opciones .opcion { flex: 0 10 auto; margin: 5px 15px; cursor: pointer; }
div.recomendador .vinetas .opciones .opcion { flex: 0 0 31%; margin: 7.5px 15px; }
div.recomendador .vinetas .opciones .opcion-container { display: flex; justify-content: center; }
div.recomendador .vinetas .opciones .opcion-content { min-width: 100%; max-width: 100%; }
div.recomendador .opciones .top { transition: all 0.3s; border-radius: 25px; box-shadow: 0 0 10px 0 rgba(0,0,0,0); }
div.recomendador .vinetas .opciones .top { transition: all 0.3s; min-width: 90%; }
div.recomendador .opciones .opcion:hover .top { transition: all 0.3s; box-shadow: 0 0 10px 0 rgba(0,0,0,0); }
div.recomendador .opciones .opcion.active .top { transition: all 0.3s; box-shadow: 0 0 10px 0 rgba(0,0,0,0); }
div.recomendador .opciones .opcion.active .top .titulo-opcion { color: #fff; background-color: #000; }
div.recomendador .opciones .titulo-opcion { text-align: center; margin: 0 auto; padding: 5px 15px; }
div.recomendador .opciones .imagen-opcion { background-color: #fff; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
div.recomendador .opciones .imagen-opcion.tenis { background-size: 30%; }
div.recomendador .opciones .imagen-opcion.futbol { background-size: 50%; }
div.recomendador .opciones .imagen-opcion.baloncesto { background-size: 50%; }
div.recomendador .opciones .imagen-opcion.si-lesion { background-size: 50%; }
div.recomendador .opciones .imagen-opcion.no-lesion { background-size: 50%; }
div.recomendador .opciones .descripcion-opcion { text-align: center; line-height: 130% !important; }
div.recomendador .recomendados { margin: 50px auto; max-width: 500px; display: grid; gap: 0; grid-template-columns: 1fr 1fr; }
div.recomendador .recomendados .recomendado { overflow: hidden; }
div.recomendador div.nh-newsletter div.suscripcion-newsletter label { background-color: #f6f6f6; }
div.recomendador .porcentaje .texto { font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #000; padding: 0 0 10px; }
div.recomendador .placeholder { display: flex; justify-content: center; align-items: center; height: 250px; width: 200%; }
div.recomendador .placeholder .puntos { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: rgba(0,0,0,0.5); }
div.recomendador .placeholder .puntos { -webkit-animation: esperando 1s infinite; transition: all 0.3; box-shadow: -25px 0 0 rgba(0,0,0,0.2), 25px 0 0 rgba(0,0,0,0.2); }
div.recomendador div.nh-newsletter div.suscripcion-newsletter .title { display: none;}
div.recomendador div.nh-newsletter div.suscripcion-newsletter .subtitle { display: none;}
div.recomendador div.products.category-grid.ronin-grid { grid-template-columns: repeat(1, 1fr)!important; }
div.recomendador div.products.category-grid.ronin-grid .product-flags { display: none; }
body#cms section#main div.recomendador div.products.category-grid.ronin-grid .compra-rapida .tallas ul { margin: 0!important; grid-gap: 5px; }
body#cms section#main div.recomendador div.products.category-grid.ronin-grid .compra-rapida .tallas ul li { line-height: 120%; font-size: 0.8rem; padding: 3px 2px; }
p.titulo-opcion { border-radius: 40px; border: solid 1px #000; max-width: 340px; min-height: 60px; padding: 10px 40px !important; line-height: 140% !important; display: flex; justify-content: center; align-items: center; }
body.cms-id-158 #wrapper .page-content.page-cms { background-color: #f9f9f9; max-width: 100%!important; }
body.cms-id-158 #wrapper .page-content.page-cms .ronin-content { max-width: 750px; }
body.cms-id-158 ul.preguntas li .titulo-pregunta { font-size: 1.6rem; color: #000; border-bottom: 1px solid #000; padding: 12px 40px 15px 0; font-weight: 500; line-height: 120%; }
body div#recomendado_1 { overflow: visible !important;}
body div#recomendado_1 .product { overflow: visible !important; }
#recomendado_1 .product::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 100%; background-color: #ddd; border-radius: 25px; }
body div#recomendado_1 .product::after { background-image: url('../img/nbhome-ventajas-02-lg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
body div#recomendado_1 #pm_130::after { background-image: url('../img/plantilla-pro.jpg'); }
body div#recomendado_1 #pm_131::after { background-image: url('../img/plantilla-superlight.jpg'); }
body div#recomendado_1 #pm_135::after { background-image: url('../img/plantilla-xtreme.jpg'); }
body div#recomendado_1 #pm_146::after { background-image: url('../img/plantilla-platino.jpg'); }
body div#recomendado_1 #pm_154::after { background-image: url('../img/plantilla-indoor.jpg'); }
body div#recomendado_1 #pm_155::after { background-image: url('../img/plantilla-crossfit.jpg'); }
body div#recomendado_1 #pm_159::after { background-image: url('../img/plantilla-champion.jpg'); }
body div#recomendado_1 #pm_165::after { background-image: url('../img/plantilla-padel.jpg'); }

/*============================================================================*/
@media screen and (max-width:575.98px){
    body#cms.cms-id-168 #wrapper > div.container #main { padding: 0; }
    #cms.cms-id-168 .title { padding: 0 15px; font-size: 1.5rem; }
    #cms.cms-id-168 .description { padding: 0 15px ; font-size: 1.1rem; }
    #cms.cms-id-168 .fila { grid-template-columns: 1fr; }
    #cms.cms-id-168 .columna { padding: 15px; }
    #cms.cms-id-168 .fila.tbody { display: none; }
    #cms.cms-id-168 #wrapper #main .fila .texto { margin-bottom: 10px; }
    #cms.cms-id-168 .fila .texto.only-sm { display: block; color: #1A1A1A; font-weight: 500; line-height: 120%; font-weight: 500; font-size: 1.125rem; }

    #cms.cms-id-168 .certificado-valoraciones { padding: 0 15px; }
    #cms.cms-id-168 .certificado-valoraciones .fila.tbody { display: grid; grid-template-columns: 35% 65%; }
    #cms.cms-id-168 .certificado-valoraciones .ronin-content { grid-template-columns: 1fr; }
    div.recomendador .opciones { grid-template-columns: 1fr; }
    div.recomendador #step-1 .opciones { grid-template-columns: 1fr 1fr; }
    div.recomendador #step-11 .opciones { grid-template-columns: 1fr 1fr; }
    div.recomendador #step-1.vinetas .opciones .opcion { margin: 0; }
    div.recomendador #step-11.vinetas .opciones .opcion { margin: 0; }
    .opciones .opcion .bottom p.descripcion-opcion { font-size: 1.2rem; padding: 0 10px; }
    body.cms-id-158 ul.preguntas li .titulo-pregunta { font-size: 1.2rem; }    
}
@media screen and (min-width:576px) and (max-width:767.98px){
    div.recomendador .opciones { grid-template-columns: 1fr 1fr; }
}
@media screen and (min-width:768px) and (max-width:991.98px){
}
@media screen and (min-width:992px) and (max-width:1199.98px){
}
@media screen and (min-width:1200px){
    .opciones .opcion .bottom p.descripcion-opcion { font-size: 28px; }
}