/* 
Theme Name: Appliant Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Tema customitzat per a Appliant
Author: El merkat
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: Appliant-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@media screen and (max-width: 768px) {
    .only-desktop {
        display: none;
    }
    .sup-number-appliant {
      font-size:16px; 
      font-weight:400; 
      color:#747986
    }
}
@media screen and (min-width: 768px) {
    .only-mobile {
        display: none;
    }
    .sup-number-appliant {
      font-size:20px; 
      font-weight:400; 
      color:#747986
    }
   .scroll-wrapper {
      display: block;
      align-items: flex-start;
      position: relative;
      width: 100%;              /* Assegura l’amplada completa */
      max-width: 100%;          /* Evita limitacions de contenidors */
      margin: 0;                /* Elimina marges laterals */
      padding: 0;               /* Elimina padding si cal */
      box-sizing: border-box;
    }
    .left-sticky,
    .right-content {
      width: 50%;
      box-sizing: border-box;
    }

    .left-sticky {
      position: sticky;
      top: 20px !important; /* ajusta aquest valor segons el marge desitjat */
      height: calc(100vh - 20px); /* evita que la sticky surti de la pantalla */
      align-self: flex-start;
      
    }

    .right-content {
      flex: 1;
      padding-left: 2rem;
    }

    /* Permet que la sticky deixi de ser sticky quan acaba el contingut */
    .scroll-wrapper::after {
      content: '';
      display: block;
      flex: 0 0 100%;
      height: 0;
    }

    
}

.elementor-field-option label {
  font-size: 15px !important;
}

/* Ocultar los inputs originales */
[name=Se_Applianer] input[type="file"], [name=Be_Applianer] input[type="file"] {
  display: none;
}

/* Botón personalizado estilo "Archivo" */
[name=Se_Applianer] .elementor-field-type-upload label, [name=Be_Applianer] .elementor-field-type-upload label {
    top: 0px !important;
    height: 40px;
    width: 200px;
    position: relative;
    border: 2px solid #d4d4d4;
    border-radius: 30px;
    padding-top: 7px;
    text-align: center !important
}
/*.elementor-field-group-curriculum label::after {
  content: "Curriculum Vitae" !important;
  
}*/

/*.elementor-field-group-carta_presentacion label::after {
  content: "Carta de presentación";
  
}*/

/* Estilo común para ambos botones */
/*.elementor-field-group-curriculum label::after,
.elementor-field-group-carta_presentacion label::after {
  display: inline-block !important;
  background-color: white !important;
  border: 2px solid #d4d4d4 !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}*/

[name=Se_Applianer] .elementor-field-group-curriculum label::after:hover,
[name=Se_Applianer] .elementor-field-group-carta_presentacion label::after:hover,
[name=Be_Applianer] .elementor-field-group-curriculum label::after:hover,
[name=Be_Applianer] .elementor-field-group-carta_presentacion label::after:hover {
  background-color: #f0f0f0 !important;
}

/* Opcional: mostrar nombre del archivo seleccionado */
[name=Se_Applianer] .filename, [name=Be_Applianer] .filename {
    margin-left: 10px !important;
    margin-top: 5px;
    font-size: 15px !important;
    color: var(--e-global-color-primary);
    font-weight: bold;
    line-height: 15px;
}
[name=Se_Applianer] .elementor-field-type-submit, [name=Be_Applianer] .elementor-field-type-submit {
    
}
[name=Se_Applianer] .elementor-acceptance-field, [name=Be_Applianer] .elementor-acceptance-field{
    margin-top: 35px !important;
}        
#project_233 h4, .e-loop-item-233 h1 {
  max-width: 180px !important;
}
.strong_500 strong, strong, .elementor-nav-menu--main .elementor-item-active {
  font-weight: 500 !important;
}
.wpml-ls-current-language a {
    font-weight: bold !important;
}
.wpml-ls-legacy-list-horizontal ul {
      display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
}
.post-navigation__prev--title, .elementor-post-navigation__link__next {
  max-width: 80%;
}
.elementor-field-option {
    display: flex;
    align-items: center;
    gap: 8px; /* Espacio entre checkbox y texto */
}

.elementor-field-option input[type="checkbox"] {
    margin: 0; /* Elimina márgenes por defecto */
    flex-shrink: 0; /* Evita que el checkbox se reduzca */
    margin-top: -1px !important;
}
@media screen and (max-width: 768px) {
  .elementor-field-option label {
    line-height: 15px !important;
  }
  
}

.palabra-container {
    position: relative;
    display: inline-block;
    min-width: 0; /* Se calculará dinámicamente */
    text-align: left !important;
}
.palabra-actual, .palabra-nueva {
    transition: opacity 0.6s ease-in-out;
    white-space: nowrap;
}
.palabra-nueva {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.palabra-medidor {
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    pointer-events: none;
}
@media (min-width: 1380px) and (max-width: 1480px) {
    #content {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}
#CybotCookiebotDialogHeader, .CybotCookiebotDialogBodyBottomWrapper {
	display: none !important;
}
#CybotCookiebotDialogBodyContentText {
	font-family: "Roboto", Sans-serif;
}
.CybotCookiebotDialogBodyButton {
	background-color: var(--e-global-color-accent) !important;
    border: none !important;
    border-radius: 40px  !important;
}