/*---------------------------------------------------------------------------------

 Theme Name:   SupernovA
 Theme URI:    httsp://imesdisseny.com
 Description:  
 Author:       imesdisseny
 Author URI:   https://imesdisseny.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


footer, #et-main-area {
  background-color: #000000;
}

/* Google Badge */
.google-business-reviews-rating.badge, .google-business-reviews-rating.outline {
	box-shadow: none !important;
	padding: 0 !important;
	margin-bottom: 20px !important;
}

.google-business-reviews-rating .rating {
	padding-bottom: 0;
}

.gmbrr h2 .icon img {
  
  max-width: .5em !important;
  max-height: .5em !important;
  
}

h1 span, h2 span, h3 span {
  font-size: 6.1rem !important;
  letter-spacing: -3px;
  font-weight: 800;
}

/* Menu */
.et_pb_menu .et_pb_menu__menu > nav > ul > li {
  border-left: 2px solid #000000;
  margin-left: 20px;
  padding-left: 10px;
}

.has_et_pb_sticky .et_pb_menu .et_pb_menu__menu > nav > ul > li {
  border-left: 2px solid #000000;
}  

.et_pb_menu .et_pb_menu__menu > nav > ul > li a {
  padding-bottom: 0;
  padding-left: 0;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li.current_page_item a, .et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-parent a {
  font-weight: bold;
  color: #ccff06;
}

html.js body.wp-singular.page-template-default.page.page-id-199.wp-theme-Divi.wp-child-theme-supernova26.et-tb-has-template.et-tb-has-header.et-tb-has-footer.et_pb_button_helper_class.et_cover_background.et_pb_gutter.osx.et_pb_gutters2.et_pb_pagebuilder_layout.et_no_sidebar.et_divi_theme.et-db.gecko div#page-container div#et-boc.et-boc header.et-l.et-l--header div.et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_section--with-menu div.et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu.et_pb_row_1-4_3-4 div.et_pb_column.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu div.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_bg_layout_dark.et_pb_text_align_right.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned div.et_pb_menu_inner_container.clearfix div.et_pb_menu__wrap div.et_pb_menu__menu nav.et-menu-nav ul#menu-principal.et-menu.nav li.et_pb_menu_page_id-199.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-199.current_page_item.menu-item-206 a {
  color: #ccff06 !important;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul.sub-menu {
  top: calc(100% + 1px);
}

.nav li ul.sub-menu {
  padding: 10px 0;
  width: 200px;
  background: #fff;
    background-color: rgb(255, 255, 255);
  border-top: none;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  text-align: left;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu {
  background-color: #ffffff !important;
}

.nav li ul li {
  padding: 0;  
}

.nav li ul li a {
  padding-left: 10px !important;
  font-weight: normal !important;
  font-size: 1.3rem !important;
}

.nav li ul li a.current-menu-item {
  font-weight: bold !important;
  color: #ccff06;
}

.et_pb_menu_0_tb_header.et_pb_menu li ul li a, .et_pb_menu_0_tb_header.et_pb_menu li ul li a:hover {
  color: #0e0e0e !important;
}

#mobile_menu1.et_mobile_menu {
  background-color: #ffffff !important;
}

/* footer */
footer .et_section_specialty .et_pb_row {
  width: 90%;
  max-width: 1200px;
}

#imago-foter img {
  width: 110px;
}

footer ul {
  padding-left: 0 !important;
  list-style: none !important;
}

footer ul li {
  padding-left: 0;
  padding-bottom: 8px;
}

footer ul li a {
  color: #000000;
}

/* Home */
.home-header {
  position: absolute;
  width: 100%;
  z-index: 99999;
  left: 0;
  top: 0;
}

.home-header .et_pb_menu .et_pb_menu__menu > nav > ul > li {
  border-left: 2px solid white;
}
.has_et_pb_sticky .home-header .et_pb_menu .et_pb_menu__menu > nav > ul > li {
  border-left: 2px solid #000000;
} 

.et_pb_section_video_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    pointer-events: none;
}

.et_pb_section_video_bg .et_pb_row {
    position: relative;
    z-index: 2;
}

.supernova-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 800px;
  z-index: 2;
}

.fila-abaix {
  display: flex;
  align-items: flex-end;
}

#post-11 div.et_pb_slide_description div.et_pb_slide_content span {
  font-size: 3rem;
  padding-bottom: 15px;
  display: block;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: none !important;
}

/* Pàgina sobre SupernovA */
.seccio-sobre.et_pb_section {
    border-radius: 0 0 50px 50px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    margin-bottom: -50px;
} 


/* Servicios */

article#post-197 div.et_pb_module.et_pb_accordion div.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_toggle_close {
  background-color: #ccff06;
}

/* Contacte */
div.gform-body.gform_body input, div.gform-body.gform_body textarea {
  border: none;
  border-bottom: 1px solid #503f24;
  border-radius: 0;
  box-shadow: none;
}

div#gform_wrapper_1 form input#gform_submit_button_1.gform_button.button {
  background-color: #ccff06;
  border: none;
  border-radius: 0;
  color: #000000;
}


/* --------------------------------------------
   DESKTOP / PANTALLES MITJANES
   (Fins a 1400px - pantalles de portàtil o iMac petits)
   -------------------------------------------- */
@media only screen and (max-width: 1400px) {
  
}


/* --------------------------------------------
   TABLET HORIZONTAL
   (Fins a 980px - breakpoint estàndard de Divi)
   -------------------------------------------- */
@media only screen and (max-width: 980px) {
  h2 span, h3 span {
    font-size: 5.1rem !important;
  }
  #post-11 div.et_pb_slide_description div.et_pb_slide_content span {
    display: block;
    font-size: 2.75rem;
    line-height: 2.5rem;
    padding-bottom: 20px;
  }

  .reverse-mobile {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}


/* --------------------------------------------
   TABLET VERTICAL / MÒBIL GRAN
   (Fins a 768px)
   -------------------------------------------- */
@media only screen and (max-width: 768px) {
  h2 span, h3 span {
    font-size: 5.1rem !important;
  }
  #post-11 div.et_pb_slide_description div.et_pb_slide_content span {
    display: block;
    font-size: 2.75rem;
    line-height: 2.5rem;
    padding-bottom: 20px;
  }
}


/* --------------------------------------------
   MÒBIL MITJÀ
   (Fins a 600px)
   -------------------------------------------- */
@media only screen and (max-width: 600px) {

}


/* --------------------------------------------
   MÒBIL PETIT
   (Fins a 480px)
   -------------------------------------------- */
@media only screen and (max-width: 480px) {
  
}


/* --------------------------------------------
   MÒBIL EXTRA PETIT (com iPhone SE)
   (Fins a 360px)
   -------------------------------------------- */
@media only screen and (max-width: 360px) {
  
}

.mejs-offscreen {
    /* Ocultar visualmente */
    position: absolute !important;
    left: -10000px !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    
    /* Colores con contraste 21:1 */
    color: #000000 !important; /* Negro */
    background-color: #ffffff !important; /* Blanco */
}

.et_pb_section span.mejs-offscreen,
.mejs-container span.mejs-offscreen,
div span.mejs-offscreen,
span.mejs-offscreen {
    /* Colores con contraste 21:1 */
    color: #000000 !important;
    background-color: #ffffff !important;
    
    /* Asegurar oculto */
    position: absolute !important;
    left: -10000px !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

html.js body.home.wp-singular.page-template-default.page.page-id-11.wp-theme-Divi.wp-child-theme-supernova26.et-tb-has-template.et-tb-has-header.et-tb-has-footer.et_pb_button_helper_class.et_cover_background.et_pb_gutter.osx.et_pb_gutters3.et_pb_pagebuilder_layout.et_no_sidebar.et_divi_theme.et-db.gecko.cmplz-marketing.cmplz-statistics.cmplz-preferences.cmplz-functional.cmplz-eu.cmplz-optin div#page-container div#et-boc.et-boc div#et-main-area div#main-content article#post-11.post-11.page.type-page.status-publish.hentry div.entry-content div.et-l.et-l--post div.et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular div.et_pb_row.et_pb_row_2.fila-abaix.et_pb_equal_columns div.et_pb_column.et_pb_column_4_4.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child div.et_pb_button_module_wrapper.et_pb_button_1_wrapper.et_pb_button_alignment_center.et_pb_module.et_had_animation a.et_pb_button.et_pb_button_1.et_pb_bg_layout_light {
  color: #000000 !important;
}

/**
 * Fix: Asegurar que ::after no tenga color amarillo
 */
.et_pb_button.et_pb_bg_layout_light::after {
    color: #000000 !important; /* Negro */
}

.et_pb_button.et_pb_bg_layout_light,
.et_pb_button.et_pb_bg_layout_light::before,
.et_pb_button.et_pb_bg_layout_light::after {
    color: #000000 !important;
}

.et_pb_button.et_pb_bg_layout_light,
.et_pb_button.et_pb_bg_layout_light * {
    color: rgba(0, 0, 0, 1) !important; /* Alpha = 1 */
}

p.rating span.count {
  color: #000000 !important;  
}

.rating .number,
span.number,
.all-stars .star {
    color: #000000 !important; 
}

/* Desactivar cambio de color en animación */
.et_pb_button.et_pb_bg_layout_light[data-animation-style] {
    animation-name: none !important;
}

form#gform_1 #field_1_3 label.gfield_label.gform-field-label, form#gform_1 legend.gfield_label.gform-field-label.gfield_label_before_complex {
  font-size: 25px !important;
  font-weight: bold !important;
}



/**
 * =============================================
 * ENLACE DE SALTO AL CONTENIDO
 * =============================================
 */

.skip-link.screen-reader-text {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 100000;
    padding: 15px 23px 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    color: #000;
    background-color: #ccff06; /* Amarillo SupernovA */
    border: 2px solid #000;
    border-radius: 3px;
}

.skip-link.screen-reader-text:focus {
    position: fixed;
    top: 10px;
    left: 10px;
    display: block;
    clip: auto !important;
    clip-path: none;
    height: auto;
    width: auto;
    z-index: 100000;
}

.skip-link.screen-reader-text:hover {
    background-color: #000;
    color: #ccff06;
}