/*
 Theme Name:   WONS Barcelona
 Theme URI:    https://jevnet.es
 Description:  Tema para WONS
 Description:    Divi Child Theme
 Author:         Jevnet
 Author URI:     https://www.jevnet.es
 Template:       Divi
 Version:        1.0.0
*/


:root {
  --verde: #019b29;
  --bgBlack: #242424;
  --black: #242424;
  --bgGrey: #f5f5f7;
}
html,body{font-weight: 400;font-style: normal;font-size:20px;color:var(--black);font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-size:16px}
/*html{font-size: clamp(1rem, 1vw + 0.5rem, 2rem);}*/
a,p,span,li{font-size:1rem}
h1, h1.entry-title{font-size:3.1rem}
h1,h2{font-weight:700;text-transform: uppercase}
h2, h2 span{font-size:2.81rem;line-height:1.2em;}
.et_pb_column_4_4 h2{text-align: center;}

.tmdivi-wrapper .tmdivi-label-big { font-family: "Montserrat"; font-size: 1.6rem;}
b{font-weight: 500;}
strong{font-weight: 800;}
#main-content a:not(.et_pb_button){font-weight: bold;text-decoration: underline;}
p i, p em {font-style: normal;letter-spacing: 2px;}

/* MAQUETACIONES ELEMENTOS COMUNES */

.et_pb_column_4_4 h2{text-align: center;}

.dark{background:var(--bgBlack);}
.dark *{color:#fff}

.bgGris{background:var(--bgGrey);}


/* imágenes con borde redondeado en el cuerpo */
#et-main-area .et_pb_image_wrap{border-radius: 1rem;overflow: hidden;}

/* Sección de ancho completo */
.fullSize,
.fullSize > .et_pb_row{width: 100%;max-width: 100%}

/* CTA cuadros */
.seccionCTA,
.seccionCTA > .et_pb_row{padding:0}
.seccionCTA .et_pb_button_module_wrapper{margin:1em auto}

/* Headings de las páginas */
#et-main-area .heading{background:var(--bgGrey);}

/* Botones */
body.et_button_no_icon .et_pb_button{font-size:1rem;padding: 0.5em 2em !important;font-weight: 500;letter-spacing: 2px;text-align: center;}
body .et_pb_button:hover, body .et_pb_module .et_pb_button:hover{padding: 0.5em 2em !important;}

.seccionCTA a.et_pb_button:not(.btnBlancoVerde):not(.buttonWhite):hover {
    background: white !important;
    color: black !important;
    padding: 0.5em 2em !important;
}
.et_pb_button{transition: 0.7s ease;cursor: pointer;}
a.et_pb_button.buttonWhite:hover {background: black !important;color: white !important;border: 1px solid white !important;}
a.et_pb_button{border: 1px solid #00000000 !important;}
.btnVerdeBlanco:hover, .btnNegroBlanco:hover {background: white !important;color: var(--black) !important;}
.btnBlancoVerde:hover {background: var(--verde) !important;color: white !important;}


/*checks verdes*/
.listadoCheck ul {
  list-style: none;
}

.listadoCheck ul li:before {
  content: url("https://jevnet.es/dev/wonsbcn/wp-content/uploads/2025/08/icono-check.png");
  margin-right: 10px;
  color: var(--verde)
}



/* HEADER & FOOTER */

header .et_pb_row{max-width: 95%}


ul.listadoRedes span::after {font-family: "FontAwesome";font-family: "FontAwesome";color: black;font-size: 20px;width: 30px;border-radius: 100%;height: 30px;display: flex;justify-content: center;align-items: center;}
ul.listadoRedes span{font-size: 0px;}
ul.listadoRedes span.instagram:after{content: "\f16d";}
ul.listadoRedes span.facebook:after{content: "\f09a";}
ul.listadoRedes span.linkedin:after{content: "\f0e1";}
ul.listadoRedes span.spotify:after{content: "\f1bc";}
ul.listadoRedes span.youtube:after{content: "\f167";}
ul.listadoRedes span.twitter:after{content: "\e61b";}
ul.listadoRedes span.whatsapp:after{content: "\f232";}
ul.listadoRedes {display: flex;column-gap: 10px;list-style: none;justify-content: center;padding-left: 0px;}
ul.listadoRedes a:hover {opacity: 0.7;}
ul.listadoRedes a {transition: 0.7s ease; text-decoration: none;}
ul.listadoRedes.listadoContacto {justify-content: flex-start;}
.et_pb_module.et_pb_text.et_pb_text_1_tb_footer.et_pb_text_align_left.et_pb_bg_layout_light {margin-bottom: 0px;}
.legalesFooter a {color: var(--black);font-weight: 400;text-decoration: none;}
footer .et_mobile_nav_menu {display: none !important;}
footer .et_pb_menu__menu {display: block !important;}
footer .contact a{color:var(--black);}

/* Menú */
.et_pb_menu__wrap,
.et_pb_menu__wrap .et_pb_menu__menu,
.et_pb_menu__wrap .et_pb_menu__menu nav.et-menu-nav{width:100%}
nav.et-menu-nav a{font-weight: 700}

#menu-principal {width:100%;display: flex;justify-content: space-between; align-items: center;list-style: none;padding: 0;margin: 0;}
#menu-principal > li {flex: 1; text-align: center; }
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a{text-transform:uppercase;  display: inline-block;width: 100%;}
#menu-principal .boton a{background-color:var(--verde);color:#fff;border-radius:1em;padding:.4em 2em}


footer .et_pb_menu__menu li{width: 100%;padding-bottom:1em;text-align: center;}
footer .et_pb_menu__menu a{text-transform: uppercase;font-weight: 400;text-align: center;margin:0 auto}







/* MAQUETACIONES ESPECÍFICAS */
/* HOME */
.home .et_pb_slide_description{max-width: 1100px}
.home .et_pb_slide_description p{font-size:1.3rem;text-transform: uppercase;letter-spacing: 3px}
.home .et_pb_slide_description p strong{font-size:5rem;text-transform: uppercase;line-height: 1em;letter-spacing: 0}


#actividades h1{font-size: 2.8rem;font-weight: 800}
#actividades .actividad{border-radius: 2em;overflow:hidden;background: #252525;padding-bottom:5em;}
#actividades .actividad h3{font-size:1.8rem;text-transform: uppercase;text-align: center;font-weight: 700;margin:-2.5em auto 0 auto;max-width: 90%}
#actividades .actividad .et_pb_button_module_wrapper{position: absolute;bottom: 3em;left: 0;right: 0;}

#beneficios p{text-transform: uppercase}

/* HORARIO  */
td.mptt-shortcode-event.mptt-event-vertical-default.event {min-height: 200px !important;height: 250px !important;}


/* CONTACTO */
.gMaps > div {
    min-width: 100% !important;
}
.gMaps, .gMaps  * {
    padding-bottom: 0px !important;
}
.rowForm span.wpcf7-form-control-wrap,.rowForm  span.wpcf7-form-control-wrap * {
    min-width: 100%;
    display: flex;
    border: none;
    border-radius: 2px;
}
span.wpcf7-form-control-wrap{
    margin-top: 5px;
}
.rowForm  span.wpcf7-form-control-wrap * {
        padding: 5px !important;

}
.wpcf7 label{
    font-weight: bold !important;
 
}
span.wpcf7-list-item{
  margin-left: 0px;
}
form > div {
    margin-bottom: 20px;
}

.filaContactoForm > div:first-child {
    padding-right: 2em;
}

.columnaForm {
    padding: 2em;
    background: var(--bgGrey);
    border-radius: 20px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--verde);
    color: #fff;
    border-radius: 1em;
    padding: .4em 2em;
    text-transform: uppercase;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: 0.7s ease;
    letter-spacing: 2px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
    opacity: 0.7;
}
/* BLOG */
#main-content  .et_pb_blog_grid article.et_pb_post{background:#F5F5F7;border:0}
#main-content  .et_pb_blog_grid .et_pb_image_container img {height: 330px;object-fit: cover;}
#main-content  .et_pb_blog_grid a.more-link{margin-top:1em;text-transform: capitalize;display:block;text-decoration: none}
.et_pb_post h2, .et_pb_post h2 a {text-align: left;text-transform: none ;font-size: 1.5rem;line-height: 1.2em;}
body.single-post h2, body.single-post h2 span {font-size: 30px;text-align: left; margin-bottom: 20px; font-weight: 700 !important;text-transform: none;}
body.single-post h3, body.single-post h3 span {font-size: 24px;text-align: left; margin-bottom: 20px; font-weight: 700 !important;text-transform: none;}

.relatedPosts {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;margin: 40px 0;}
.relatedPost {text-align: left;background: var(--bgGrey);}
.imagePost img {margin-bottom: 30px;width: 100%;height: 350px;object-fit: cover;}
.titlePost {margin: 10px 0;}
.titlePost a{text-decoration: none !important;}
.excerptPost {color: #555;margin-bottom: 15px;}
.readMorePost {border-radius: 5px;text-decoration: none;transition: background 0.3s ease;}
.readMorePost, .titlePost,.excerptPost,  .readMorePost{max-width: 90%;margin: 0px auto 20px;width: 90%;display: block;}
h3.titlePost a {font-size: 1.5rem !important;line-height: 1.2em;}
body.single-post #main-content .et_pb_section.et_pb_section_0_tb_body.et_section_regular > div:not(.bloqueRelatedPosts) {max-width: 1088px;margin: auto;}
.filaCompartir {background: var(--bgGrey);padding: 20px;}
.filaCompartir > div:last-child {text-align: right;}
.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{width: 20px;height: 20px;background: #adadad !important;}


/* Pág. Centro wons */
.tmdivi-icon {border: none !important;}
.tmdivi-title { font-weight: bold !important;}
.et_pb_slides img {
    border-radius: 23px;
}

/* Suscripciones */
.parent-pageid-186 #main-content .et_pb_section:not(.theTitle){max-width: 1100px;margin-right:auto;margin-left:auto}

.parent-pageid-186 .et_pb_section.theTitle{background:#f5f5f7;padding-top:0;padding-bottom:0}
.parent-pageid-186 #main-content h1{font-size:1.5rem;text-align: center;}
.parent-pageid-186 #main-content h2{font-size:1.2rem;margin:1em 0;text-align: center;}

/* Forminator */
/* Formulario de registro */
.forminator-ui#forminator-module-2206.forminator-design--default .forminator-repeater-field.forminator-all-group-copies,
.forminator-ui#forminator-module-2249.forminator-design--default .forminator-repeater-field.forminator-all-group-copies{box-shadow:none;border:1px solid #ccc}


.forminator-ui#forminator-module-2206.forminator-design--default .forminator-repeater-label,
.forminator-ui#forminator-module-2249.forminator-design--default .forminator-repeater-label{display:none}

/* Formulario de test */
#forminator-module-2198.forminator-ui .oculto{display:none}

@media (max-width: 980px){
    .reverseOnMobile {
            display: flex;
            flex-direction: column-reverse;
        }
}

@media (min-width: 981px){
}

@media (max-width: 1440px) and (min-width: 768px){
 
}
@media screen and (min-width: 1400px)
{
  /* Home */
  #actividades .actividad h3{font-size:2.4rem;}
}

@media screen and (min-width: 1200px)
{

  /* GENÉRICOS */

  /* Headings de las páginas */
  #et-main-area .heading{padding-top:0;padding-bottom:0;}
  #et-main-area .heading > .et_pb_row{max-width: 100%;width:100%;display: flex;padding-top:0;padding-bottom:0;}
  #et-main-area .heading .et_pb_column{width: 50%;margin:0}
  #et-main-area .heading .et_pb_column:first-child{margin:auto;}
  #et-main-area .heading .et_pb_column:first-child .et_pb_module{margin-left: auto !important; margin-right: auto !important;max-width: 600px}
  #et-main-area .heading .et_pb_image_wrap{border-radius: 0} /* Quitar borde redondeado en el heading */
  #et-main-area .heading .et_pb_column.et-last-child img{width: 100%}

  /* CTA cuadros */
  .seccionCTA,
  .seccionCTA > .et_pb_row{display: flex;}
  .seccionCTA .et_pb_column{display: table;min-height:50vh;width: 50%;margin:0}
  .seccionCTA .et_pb_column .et_pb_module{display: table-cell;vertical-align: middle;}
  .seccionCTA .et_pb_column .et_pb_text_inner{max-width: 600px;margin: auto;}


/* ESPECÍFICO PÁGINAS */

  /* Pág. Actividades */
  #actividades-full-size{padding-top:0;padding-bottom: 0}
  #actividades-full-size > .et_pb_row{width: 100%;max-width: 100%;padding-top:0;padding-bottom: 0}
  #actividades-full-size .et_pb_column .et_pb_module.et_pb_text,
  #actividades-full-size .et_pb_column .et_pb_button_module_wrapper.et_pb_module{margin-left: auto !important; margin-right: auto !important;max-width: 600px}
  #actividades-full-size .et_pb_column .et_pb_button_module_wrapper.et_pb_module{margin-top: 30px;}
   #actividades-full-size .et_pb_column .et_pb_button_module_wrapper.et_pb_module a:hover{background: white; color: var(--black);}
  #actividades-full-size .et_pb_image_wrap{border-radius: 0}
  #actividades-full-size .et_pb_column img{width: 100%}

 
}

@media screen and (min-width: 768px)
{

  /* CONTACTO */
  .et_pb_row.et_pb_row_1.filaContactoForm > div {
    width: 50%;
    margin: 0px;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1025px)
{
}
@media screen and (max-width: 1024px)
{
}
@media screen and (max-width: 1000px) 
{
}
@media screen and (max-width: 980px)
{

}
@media screen and (max-width: 767px)
{
  html,body{font-size:16px}
  h1{font-size:2rem}
  h2{font-size:1.2rem}
  body.et_button_no_icon .et_pb_button{font-size:.8rem;}


    /* Heading */
    .heading .et_pb_row{max-width: 90%;margin:1em auto;}
    .heading .et_pb_text{text-align: center;}
    .heading .et_pb_text h1{font-size: 1.7rem;line-height: 1.2em;}
    .heading .et_pb_text p{margin:1em}

  /* CTA cuadros */
  .seccionCTA .et_pb_column{padding-top:2em;padding-bottom:2em;}
  .seccionCTA .et_pb_module{text-align: center;}
  .seccionCTA .et_pb_text_inner{max-width: 95%;margin:1em auto}
  .seccionCTA .et_pb_module a.et_pb_button{margin: 1em auto;float:none;display: inline-block;}

  /* Headings de las páginas */
  #et-main-area .heading{padding-top:2em;padding-bottom:2em;}


  /* Header */
  .et_pb_menu__logo{width: 150px}
  /* Home */
  .home .et_pb_slide_description p strong{font-size:2rem}
  #actividades h1{font-size: 1.8rem;font-weight: 800}
  #actividades .actividad h3{font-size:1.4rem;}
  
  /* ESPECÍFICO PÁGINAS */

  /* Pág actividades */
  #actividades-full-size{padding-top:2em}
  #actividades-full-size > .et_pb_row{padding-top:2em;padding-bottom: 2em;border-bottom:2px solid #ccc}
  #actividades-full-size .et_pb_image_wrap,
  #actividades-full-size .et_pb_text{margin-bottom:1em}

  /* Timeline */
  .tmdivi_timeline_story .tmdivi-title{font-size:1.1rem}

  /* BLOG */
  .et_pb_blog_grid .et_pb_image_container img {height: 230px;}


}
@media screen and (min-width: 480px){
}
@media screen and (max-width: 479px)
{
}