/*
  Full d'estils per al formulari públic d'inscripció ciutadana
  Santa Perpètua de Mogoda
  2026+
*/
#div_districte {
  display: block !important;
}

@font-face {
    font-display: block;
    font-family:"Futura-LT-W01-Light";
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix");
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/88cc7a39-1834-4468-936a-f3c25b5d81a1.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/14d6bf5d-15f1-4794-b18e-c03fb9a5187e.svg#14d6bf5d-15f1-4794-b18e-c03fb9a5187e") format("svg");
}
@font-face {
    font-display: block;
    font-family:"Futura-LT-W01-Book";
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix");
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c2a69697-4f06-4764-abd4-625031a84e31.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/dc423cc1-bf86-415c-bc7d-ad7dde416a34.svg#dc423cc1-bf86-415c-bc7d-ad7dde416a34") format("svg");
}
@font-face {
    font-family: "Futura-LT-W05-Book";
    src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Futura_Complete/v1/FuturaLTW05-Book.woff2") format("woff2");
}

div.no-print {
  display:none;
}

div.hidden {
  display:none;
}

div.unbroken {
  page-break-inside:avoid;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Futura-LT-W01-Book";
}

/* Específics pàgina Períodes oberts */
.header_periods {
	width: 800px;
}

.header_periods .header_logotip {
  clear: none;
  float: left;
  margin-right: 40px;
}

.periodes_oberts {
  margin-top: 20px;
}

.footer_periods {
  background-image: url("https://emaspm.gwido.cat/uploads/imatges/24/fitxer/f9291a177cb97978d0fd35aca5072518.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 68px;
  clear: both;
  margin: 0px auto;
  padding: 40px 0;
  width: auto;
}

.periodes_oberts .periode.period_id_57 a, .periodes_oberts .periode.period_id_57.registration_done span {
	background-color: #f9b83e;
}
.periodes_oberts.periode.period_id_56 a, .periodes_oberts .periode.period_id_56.registration_done span {
	background-color: #f2fa33;
}

/* Globals formulari */

.pagina,
.header_default,
.dades_personals_default, .seleccio_oferta_default, .confirmar_default, .estudiant_creat_default {
	width: 800px;
}

body .dades_personals_default, body .seleccio_oferta_default, body .confirmar_default, body .estudiant_creat_default {
	background-color: #ffffff; /* perquè no apliqui el que escullin a la configuració */
	width: 800px;
}

.header_text_1 {
  float: right;
  margin-top: 30px;
}
.header_text_1, .header_text_2, .header_text_3 {
	margin-right: 0;
  font-family:"Futura-LT-W01-Book";
  font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.footer_default {
  padding-bottom: 20px;
}

.footer_default div {
  text-align: center;
}

.footer_default footer_logotip {
  padding-bottom: 10px;
}

.footer_logotip img {
	height: 68px;
}

.footer_text_1, .footer_text_2, .footer_text_3 {
  padding-bottom: 0;
  padding-top: 4px;
}



.titol_pagina_dades_personals h2 {
	display: none;
}

.dades_estudiant,
.dades_tutor1,
.dades_tutor2,
.dades_iban,
.seleccio_oferta_default .ambit,
.seleccio_oferta_default .autoritzacions,
.seleccio_oferta_default .barems,
.ofertes_seleccionades,
.barems_seleccionats {
 /* border: 1px solid; */
  background-color: #FEFEFE;
}

.dades_estudiant, .dades_tutor1, .dades_tutor2, .dades_iban,
 .seleccio_oferta_default form > .ambit,
 .seleccio_oferta_default .ambits_llista_espera,
 .seleccio_oferta_default .autoritzacions,
 .seleccio_oferta_default .barems, .ofertes_seleccionades, .autoritzacions_seleccionades, .barems_seleccionats {
	border-radius: 0px;
}

#form_dades_personals .dades_estudiant .titol,
#form_dades_personals .dades_estudiant .dades_naixement h4,
#form_dades_personals .dades_estudiant .dades_adreca h4,
#form_dades_personals .dades_estudiant .a_dades_contacte h4,
#form_dades_personals .dades_estudiant .dades_contacte h4,
#form_dades_personals .dades_estudiant .dades_formacio h4,
#form_dades_personals .dades_tutor1 .titol,
#form_dades_personals .dades_tutor1 .dades_adreca h4,
#form_dades_personals .dades_tutor1 .dades_contacte h4,
#form_dades_personals .dades_tutor2 .titol,
#form_dades_personals .dades_tutor2 .dades_adreca h4,
#form_dades_personals .dades_tutor2 .dades_contacte h4,
#form_dades_personals .dades_iban .titol,
.autoritzacions .titol,
.ofertes_seleccionades .titol,
.barems_seleccionats .titol,
.autoritzacions_seleccionades .titol {
/*  background-color: #f4bca5; */
  font-family: "Futura-LT-W01-Book";
}
.period_id_55 .dades_estudiant .titol,
.period_id_55 .dades_estudiant .dades_naixement h4,
.period_id_55 .dades_estudiant .dades_adreca h4,
.period_id_55 .dades_estudiant .a_dades_contacte h4,
.period_id_55 .dades_estudiant .dades_contacte h4,
.period_id_55 .dades_estudiant .dades_formacio h4,
.period_id_55 .dades_tutor1 .titol,
.period_id_55 .dades_tutor1 .dades_adreca h4,
.period_id_55 .dades_tutor1 .dades_contacte h4,
.period_id_55 .dades_tutor2 .titol,
.period_id_55 .dades_tutor2 .dades_adreca h4,
.period_id_55 .dades_tutor2 .dades_contacte h4,
.period_id_55 .dades_iban .titol,
.period_id_55 .autoritzacions .titol,
.period_id_55 .ofertes_seleccionades .titol,
.period_id_55 .barems_seleccionats .titol,
.period_id_55 .autoritzacions_seleccionades .titol,
.period_id_50 .dades_estudiant .titol,
.period_id_50 .dades_estudiant .dades_naixement h4,
.period_id_50 .dades_estudiant .dades_adreca h4,
.period_id_50 .dades_estudiant .a_dades_contacte h4,
.period_id_50 .dades_estudiant .dades_contacte h4,
.period_id_50 .dades_estudiant .dades_formacio h4,
.period_id_50 .dades_tutor1 .titol,
.period_id_50 .dades_tutor1 .dades_adreca h4,
.period_id_50 .dades_tutor1 .dades_contacte h4,
.period_id_50 .dades_tutor2 .titol,
.period_id_50 .dades_tutor2 .dades_adreca h4,
.period_id_50 .dades_tutor2 .dades_contacte h4,
.period_id_50 .dades_iban .titol,
.period_id_50 .autoritzacions .titol,
.period_id_50 .ofertes_seleccionades .titol,
.period_id_50 .barems_seleccionats .titol,
.period_id_50 .autoritzacions_seleccionades .titol,
.period_id_52 .dades_estudiant .titol,
.period_id_52 .dades_estudiant .dades_naixement h4,
.period_id_52 .dades_estudiant .dades_adreca h4,
.period_id_52 .dades_estudiant .a_dades_contacte h4,
.period_id_52 .dades_estudiant .dades_contacte h4,
.period_id_52 .dades_estudiant .dades_formacio h4,
.period_id_52 .dades_tutor1 .titol,
.period_id_52 .dades_tutor1 .dades_adreca h4,
.period_id_52 .dades_tutor1 .dades_contacte h4,
.period_id_52 .dades_tutor2 .titol,
.period_id_52 .dades_tutor2 .dades_adreca h4,
.period_id_52 .dades_tutor2 .dades_contacte h4,
.period_id_52 .dades_iban .titol,
.period_id_52 .autoritzacions .titol,
.period_id_52 .ofertes_seleccionades .titol,
.period_id_52 .barems_seleccionats .titol,
.period_id_52 .autoritzacions_seleccionades .titol {
  background-color: #c3e0a8;
  font-family: "Futura-LT-W01-Book";
}

/* Específics pàgina 1 */

.dades_estudiant .titol h3 {
  display: none;
}
.dades_estudiant .titol::after {
  display: block;
  color: #222222;
  content: "Dades de la persona que es vol inscriure";
  font-family:"Futura-LT-W01-Book";
  font-size: 1.17em;
  font-weight: bold;
}

.app_form .dades_estudiant .div_a_dni.hidden + .div_a_genere {clear:both;}
.app_form .dades_estudiant .div_a_dni.hidden + .div_a_genere label {width:auto;}

.dades_estudiant .a_dades_contacte #div_telefon label,
.confirmar_default .dades_estudiant #div_telefon.field {
  visibility: hidden;
  max-width: 60px;
}
.dades_estudiant .a_dades_contacte #div_telefon label::before,
.confirmar_default .dades_estudiant #div_telefon.field::before {
  content: "Mòbil";
  display: inline-block;
  visibility: visible;
}

.dades_estudiant .dades_formacio #div_escola label::after {
  content: " i hora de sortida del centre:";
}

.dades_estudiant .dades_formacio #div_coneixements {
}

.dades_estudiant .dades_formacio #div_coneixements label,
.confirmar_default .dades_estudiant #coneixements.field {
  visibility: hidden;
}
.dades_estudiant .dades_formacio #div_coneixements label::before,
.confirmar_default .dades_estudiant #coneixements.field::before {
  content: "Dies i horaris que té ocupats en altres activitats:";
  display: inline-block;
  visibility: visible;
}

.dades_estudiant .dades_contacte .div_telefon2,
.dades_tutor1 .dades_contacte .div_telefon2,
.dades_tutor1 .dades_contacte .div_telefon2 {
  display: none;
}


/* Pàgina 2 */
.titol_pagina_seleccio_oferta h2 {
	display: none;
  font-size: 1em;
}

.header_seleccio_oferta div.info_message {
	background: none;
	/*border: 0; */
  border-radius: 0px;
  font-weight: bold;
  text-align: right;
  font-size: 1.2em;
  font-family: "Futura-LT-W01-Book";
}

.period_id_54 .header_seleccio_oferta div.info_message,
.period_id_49 .header_seleccio_oferta div.info_message,
.period_id_56 .header_seleccio_oferta div.info_message {
  border-color: #b47c65;
}
.period_id_55 .header_seleccio_oferta div.info_message,
.period_id_50 .header_seleccio_oferta div.info_message,
.period_id_52 .header_seleccio_oferta div.info_message {
  border-color: #83a068;
}

div.seleccio_oferta_default h4.explicacio.howto {display: none;}

.ambit .titol h4,
.autoritzacions .titol {
  font-size: 1.25em;
  text-transform: uppercase;
}

.ambit .titol h4::first-letter {color: transparent;}
.autoritzacions .titol h4 {
  padding-left: 12px;
}

/* EMA */
.period_id_54 .ambit .titol,
.period_id_49 .ambit .titol,
.period_id_56 .ambit .titol {
  cursor: pointer;
  background-color: #f4bca5;
  background-image: linear-gradient(rgb(0 0 0/40%) 0 0);
  background-blend-mode: lighten;
  }
.period_id_54 .ambit .titol:hover,
.period_id_49 .ambit .titol:hover,
.period_id_56 .ambit .titol:hover {
  background-blend-mode: darken;
}
.period_id_54 .ambit .titol:hover h4,
.period_id_49 .ambit .titol:hover h4,
.period_id_56 .ambit .titol:hover h4 {
  color: #eeeeee;
}

/* Dansa */
.ambit#ambit_1602 .titol,
.ambit#ambit_1609 .titol,
.ambit#ambit_1610 .titol,
.ambit#ambit_1617 .titol,
.ambit#ambit_1618 .titol,
.ambit#ambit_1620 .titol,
.ambit#ambit_1624 .titol,
.ambit#ambit_1636 .titol,

.ambit#ambit_1521 .titol,
.ambit#ambit_1530 .titol,
.ambit#ambit_1531 .titol,
.ambit#ambit_1532 .titol,
.ambit#ambit_1533 .titol,
.ambit#ambit_1534 .titol,
.ambit#ambit_1549 .titol,
.ambit#ambit_1598 .titol {
  background-color: #87baf7;
}
/* Laboratori */
.ambit#ambit_1605 .titol,
.ambit#ambit_1619 .titol,
.ambit#ambit_1622 .titol,
.ambit#ambit_1629 .titol,
.ambit#ambit_1631 .titol,
.ambit#ambit_1632 .titol,

.ambit#ambit_1538 .titol,
.ambit#ambit_1540 .titol,
.ambit#ambit_1551 .titol,
.ambit#ambit_1552 .titol,
.ambit#ambit_1560 .titol,
.ambit#ambit_1561 .titol {
  background-color: #0af596;
}
/* Música */
.ambit#ambit_1604 .titol,
.ambit#ambit_1611 .titol,
.ambit#ambit_1612 .titol,
.ambit#ambit_1614 .titol,
.ambit#ambit_1615 .titol,
.ambit#ambit_1623 .titol,
.ambit#ambit_1625 .titol,
.ambit#ambit_1634 .titol,
.ambit#ambit_1635 .titol,
.ambit#ambit_1637 .titol,
.ambit#ambit_1638 .titol,
.ambit#ambit_1639 .titol,

.ambit#ambit_1535 .titol,
.ambit#ambit_1537 .titol,
.ambit#ambit_1539 .titol,
.ambit#ambit_1557 .titol,
.ambit#ambit_1564 .titol,
.ambit#ambit_1565 .titol,
.ambit#ambit_1566 .titol,
.ambit#ambit_1536 .titol,
.ambit#ambit_1541 .titol,
.ambit#ambit_1543 .titol,
.ambit#ambit_1593 .titol,
.ambit#ambit_1597 .titol {
  background-color: #ff82e3;
}
/* Teatre */
.ambit#ambit_1606 .titol,
.ambit#ambit_1607 .titol,
.ambit#ambit_1613 .titol,
.ambit#ambit_1626 .titol,
.ambit#ambit_1627 .titol,

.ambit#ambit_1545 .titol,
.ambit#ambit_1550 .titol,
.ambit#ambit_1553 .titol,
.ambit#ambit_1554 .titol,
.ambit#ambit_1555 .titol {
  background-color: #ffb54a;
}
/* Visuals */
.ambit#ambit_1599 .titol,
.ambit#ambit_1600 .titol,
.ambit#ambit_1601 .titol,
.ambit#ambit_1603 .titol,
.ambit#ambit_1608 .titol,
.ambit#ambit_1616 .titol,
.ambit#ambit_1621 .titol,
.ambit#ambit_1628 .titol,
.ambit#ambit_1633 .titol,

.ambit#ambit_1524 .titol,
.ambit#ambit_1525 .titol,
.ambit#ambit_1526 .titol,
.ambit#ambit_1527 .titol,
.ambit#ambit_1546 .titol,
.ambit#ambit_1547 .titol,
.ambit#ambit_1548 .titol,
.ambit#ambit_1562 .titol,
.ambit#ambit_1563 .titol {
  background-color: #a795b9;
}


/* XCC */
.period_id_55 .ambit .titol,
.period_id_50 .ambit .titol,
.period_id_52 .ambit .titol {
  cursor: pointer;
  background-color: #c3e0a8;
  background-image: linear-gradient(rgb(0 0 0/40%) 0 0);
  background-blend-mode: lighten;
}
.period_id_55 .ambit .titol:hover,
.period_id_50 .ambit .titol:hover,
.period_id_52 .ambit .titol:hover {
  background-blend-mode: darken;
}
.period_id_55 .ambit .titol:hover h4,
.period_id_50 .ambit .titol:hover h4,
.period_id_52 .ambit .titol:hover h4 {
  color: #eeeeee;
}

/* Mecanisme per mostrar d'entrada només les capçaleres dels àmbits (els títols) i desplegar-ne el contingut en clicar-hi o posar-hi el focus */
.ambit .observacions, .ambit .oferta {
  display: none;
  background-color: #FEFEFE;
}
.ambit.ambit_tipus_9 .observacions, .ambit.ambit_tipus_9 .oferta {
  /* Recollida de fitxers */
  display: block;
}

.ambit:focus-within .observacions, .ambit:focus-within .oferta {
  display: block;
}
.ambit:focus-within + .ambit.title_already_appeared .observacions, .ambit:focus-within  + .ambit.title_already_appeared .oferta {
  display: block;
  height: auto;
  padding-top: 6px;
  padding-bottom: 10px;
}
.ambit.title_already_appeared .observacions, .ambit.title_already_appeared .oferta {
  display:block;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.ambit.title_already_appeared:focus-within .observacions, .ambit.title_already_appeared:focus-within .oferta {
  height:auto;
  padding-top: 6px;
  padding-bottom: 10px;
}
form .ambit.title_already_appeared {
  padding-top: 6px;
  padding-bottom:0;
  
}
.ambit.title_already_appeared:focus-within {
  padding-top: 84px;
}

.seleccio_oferta_default #oferta_observacions_189,
.seleccio_oferta_default #oferta_observacions_191 {
  width: 640px;  
}

.ofertes_seleccionades .ofertes ul li {
  font-weight: normal;
  max-width: 600px;
}

.ambit .explicacio {
  display: none;
	color: #333333;
	padding-top: 6px;
	padding-left: 10px;
}

.ambit .observacions a {
  text-decoration: underline;  
	color: #373737;
}

form > .ambit.title_already_appeared {
  border-radius: 0 0 0 0;
}

.ambit.title_first_appearance + .ambit.title_already_appeared {
  border-top: 1px solid #919ca6;
}

.div_cb_autoritzacio div.div_autoritzacio_descripcio, .div_cb_barem div.div_barem_descripcio {
  text-align: justify;
}

