@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Petrona:wght@400;500&display=swap');

/*
font-family: 'DM Sans', sans-serif;
font-family: 'Petrona', serif;
*/

.cf:before, .cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1;width:100%}

body,html {
    margin:0px;
    font-family: 'DM Sans', sans-serif;
    color: #0e191b;
    height:100%;
    width:100%;
    line-height:23px;
    position:relative; 
    font-weight:300;
    /*
    overflow-y: hidden;
    overflow-x:hidden; 
    */
}

.mainsize {
    width:1400px;
    max-width:98%;
    /*height:100%;*/
    margin: 0 auto;
    position:relative;
}

strong, b, .bold {
    font-weight: bold;
}
i, em {
    font-style:oblique;
}
h1,h2,h3,h4,h5,h6,caption {
    font-family: 'Petrona', serif !important;
    font-weight:500 !important;
}
.pull-right {
    float:right;
}
.pull-left{
    float:left;
}
.text-center {
    text-align:center;
}
.text-right {
    text-align:right;
}
.text-left {
    text-align:left;
}
.small {
    font-size:.8em;
}
.big {
    font-size:1.15em;
}
.centrat {
    display:block;
    margin-left:auto !important; margin-right:auto !important;
}
.inline {
    display:inline;
}
.inline-block {
    display:inline-block;
}
.block {
    display:block;
}
.nowrap {
    white-space:nowrap;
}
.nomargin {
    margin:0 !important;
}
.fonttit {
    font-family:Herculanum,sans-serif !important;
}
.text-corp {
    color: #833434 !important;
}
.text-vermell {
    color:#ed6d7c;
}

.text-verd {
    color: #53d61b;
}
.text-blanc {
    color:#fff;
}
.text-negre {
    color:#000;
}
.bg-corp {
    background-color:#833434 ;
}
.font-text {
    font-family: 'DM Sans', sans-serif !important;
}
.error {
    color:red;
    border-color:red;
}

.avis {
    color:orange;
    border-color:orange;
}
.info {
    color:blue;
    border-color:blue;    
}

a:not(.boto) {
    color:inherit;
    opacity:.8;
    text-decoration:underline; 
    /*border-bottom:1px solid;*/
    transition: all .2s;
}
a:hover {
    opacity:1;
    transition: all .2s;
}
.seccions button, .boto {
    color: rgb(255, 255, 255); border-color: rgb(131, 52, 52); font-style: normal; font-weight: 500; font-size: 14px; background-color: rgb(131, 52, 52); 
    border:2px rgb(131, 52, 52) solid;  
    height:50px;line-height:50px;font-size:14px;padding:0 36px;
    transition: all .3s;
}
.seccions button:hover, .boto:hover {
    background-color:#fff;
    border-color: #833434;
    color:#833434;
    transition: all .3s;
}

input[type="button"][disabled], input[type="submit"][disabled], button[disabled], .disabled {
    background:#ccc !important;
    opacity:1 !important;
    text-shadow:none !important;
    pointer-events:none;
}

.seccions input:not([type='checkbox']) {
    min-width:300px;
    border:1px solid;
    border-radius:0px;
    /*margin-bottom:1em;*/
    padding:0px 10px;
    height:50px;
    line-height:50px;
}

/*
.seccions input[type='checkbox'] {
    width:30px;height:30px;color:red;
}
*/

.fkck {
    width:30px;height:30px;position:relative;z-index:2;
}
label {
    cursor:pointer;display:inline-block;
    width:250px;text-align:left;vertical-align:middle;line-height:115%;
}
input[type="checkbox"] {
    cursor:pointer;
    background:#fff;
    width:34px;height:34px;
    display:inline-block;
    border:7px #edd solid;
    margin-right:10px;
    outline:2px #833434 solid;
    transition: all .4s;
}  
input[type="checkbox"]:checked  {
    background:#4fdd02;
    border:5px #fff solid;
    outline:2px #5b0 solid;
    position:relative;
    transition: all .5s;
}   
input[type="checkbox"]:checked:after  {
  content:  ' \2714';
  color:#fff;
  font-size:20px;
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
}
/*
┘
✓ / ✓/

2611
2705
2714
*/     
h3 {
    font-size:40px;line-height:50px;
}
h4 {
    font-size:30px;line-height:40px;
}
h5 {
    font-size:17px;line-height:20px;
}
.seccions:not(.vis) {display:none}
.titsup {
    font-size:18px;
    font-weight:400;
    letter-spacing: 3px;
    line-height:30px;
    text-align:center;
    margin-bottom:20px;
}

.form {
    text-align:center;  
}
.form div {
    margin-bottom:1em;
}
.selHora:hover {
    background-color:#e5a7a7!important;
    transition: all .2s;
}

p.copy {
    font-weight:400;font-size:14px;line-height:25px;
    padding:20px 1% 15px 1%;
}

p.copy a.flegals:hover {
    opacity:.5;
    transition: .3s all;
}

#alerta, #modal, #confirma, #bigLoader {
    position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.5);z-index:1010;text-align:center;
}
#modal {z-index:800}
#confirma {z-index:900}

#contAlerta, #contModal, #contConfirma {
    position:relative;display:inline-block;margin:0 auto;background:#fff;max-width:90%;width:auto;padding:5% 75px 5% 5%;text-align:left;
    box-shadow:0 0 50px rgba(0,0,0,.7);border-radius:5px;border:0px #bea469 solid;
}
#contModal {
    z-index:800;
    max-height:80%;
    height:auto;
    max-width:400px;
    width:98%;
}
#contConfirma {
    min-width:300px;
}
#txtAlerta, #txtConfirma {
    margin-top:1em;
}
#tancaAlerta, #tancaModal, #tancaConfirma {
    position:absolute;top:15px;right:15px;cursor:pointer;
    width:30px;height:30px;
}
.creu {
    background: #833434;
}
.creu:hover {
    background: #c90606;
}
#peuConfirma {
    margin-top:40px;
}
#titAlerta, #titConfirma {
    font-family: 'DM Sans', sans-serif !important;
    color:#0e191b;
}
#titAlerta p {
    margin-top:10px; 
    color: #833434;
}

.nomProf {
    height:45px;
    color: #0e191b;
}
.terapeuta img {
    transform: scale(1);
    transition: all .3s;
}
.terapeuta:hover img {
    transform: scale(1.09);
    transition: all .3s;
}

p.espProf {
    color:#a3a3a3 !important;text-transform: uppercase;
    font-size:12px;letter-spacing:3px;margin-bottom:5px;
    max-width:178px;line-height:125%;height:30px;
}
.caret {
    position:absolute;top:50%;transform:translateY(-50%);width:15px;height:100px;z-index:10;opacity:.7;
}

#topimg {display:inline;width:100%;height:auto;position:absolute;left:0;right:0;}
#logo {position:absolute;z-index:2;width:auto;}
.terapeuta {display:inline-block;max-width:48%;vertical-align:top;cursor:pointer;}
.delCita {font-size:1em;cursor:pointer;margin-left:2em;}
/* resp */

.g1, .g2, .g3,.g4,.g5, .g6, .g33,.g66,.f33,.f66, .p33, .p66 {
    display:inline-block; position:relative;float:left; margin-left: 1%; margin-right: 1%
}
@media only screen and (min-width: 0px) {
    .g1,.g2,.g3,.g4,.g5,.g33,.g66, .p33, .p66, .bp66 {width:98.0%} 
    .visg {display:none}
    .visp {display:block}
    footer h4 {margin-top:25px}
    
    h3 {
        font-size:26px;line-height:34px;
    }    
    .centrat {padding:0 5%;} 
    #top {padding-top:100px}
    #imgtop {top:100px;}
    #logo {top:20px;left:50%;transform:translateX(-50%);height:60px;}
    .wboto {display:block;text-align:right}
    .seccions input:not([type='checkbox']) {font-size:18px;}
    #titAlerta, #titConfirma {font-size:23px;}
    #titAlerta p {font-size:19px;}
    #sloganfoot {padding:30px 0 30px 0px;}
    .iSelProf {height:auto;width:100%;} /*CALC(100% - 1em);}*/
    .terapeuta {margin:.7em 1%}
    .delCita {display:block;float:none;text-align:right;}
}
@media only screen and (min-width: 600px) {
    .g1 {width:48.0%}
    .g2 {width:98.0%}
    .g3 {width:73.0%}
    .g4 {width:98.0%}  
    footer h4 {margin-top:25px}
    
    h3 {
        font-size:40px;line-height:50px;
    }   
    .centrat {padding:0 } 
    #sloganfoot {padding:10px 0 0 30px;}
    .iSelProf {height:185px;width:auto;}
    .terapeuta {margin:1em 3%}
}
@media only screen and (min-width: 900px) { /*980*/
    .g1 {width:23.0%}
    .g2 {width:48.0%}
    .g3 {width:73.0%}
    .g4 {width:98.0%} 
    .visg {display:block}
    .visp {display:none}    
    footer h4 {margin-top:0px} 
    
    #top {padding-top:0px}
    #imgtop {top:0px}
    #logo {top:0;left:45px;height:100px;transform:translate(0,0);}
    .wboto {display:inline;text-align:left}
    .seccions input:not([type='checkbox']) {font-size:14px;}
    #titAlerta, #titConfirma {font-size:21px;}
    #titAlerta p {font-size:17px;}
    .iSelProf {height:200px;width:auto;}
    .delCita {float:right;}
}

#top {max-height:CALC(100vh - 400px);position:relative;overflow:hidden;}
#dummie {width:100%;height:auto;visibility:hidden}
/*@media only screen and (min-height: 769px) {*/
@media screen and (orientation:portrait) {
    #top {max-height:none}
}
/*
@media only screen and (min-height: 0px) {
    #top {
        max-height:360px;    
    }
}
*/
footer .g1 {
    padding:0 1%;
}
footer p {
    font-size:16px;
    font-weight:400;  
    line-height:22px;  
}
footer p a, .copy a{
    display:inline-block;
    /*margin-bottom:10px;*/
}
footer h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size:20px;
    font-weight:500;
    line-height:46px;
    margin-bottom:15px;
}

/* política de privacitat */

.elementor-widget-container {
    line-height:190%;
}
.elementor-widget-container p, .elementor-widget-container li {
    font-size:18px;margin-bottom:10px;
}
.elementor-widget-container ul {
    line-height:130%;  
    list-style: circle inside;  
}