/*
Theme Name: Mobility Finders Unipessoal LDA Theme
Theme URI: http://davidboyero.com
Description: Starter theme para wordpress
Version: 1.0
Author: David Boyero
Tags: clean, development, design, car, renting

*/
 
 

/* -------------------------------- 
HOME STYLES
-------------------------------- */
.main_circle--dest   { position: relative; }

.main_circle,
.main_gracias {
background-color:    hsla(var(--brand),1); 
background-position: top left;
position:            relative;
margin:              0;
height:              100vh;
overflow:            hidden;
display:             flex;
align-items:         center;
justify-content:     center;
}

.main_gracias  { background-color: hsla(var(--light),1);  height: auto; padding: var(--space-xxxl) 0; }

/*.goto       { display: block; color: hsla(var(--light),.6); padding:var(--space-m); }
.goto:hover { color: hsla(var(--light),1)!important; }

.goto::after {
  content: ''; 
  position: relative;
  display: block;
  transform: rotate(-45deg);
  width: 12px;
  height: 12px;
  border-left: 2px solid hsla(var(--light),.6);
  border-bottom: 2px solid hsla(var(--light),.6);
  margin: 0 auto;
  animation: bounce .9s infinite;
}  

.goto:hover::after { border-color:hsla(var(--light),1); }

@keyframes bounce {
    0%   { opacity:1;  top:0; }
    20%  { opacity:.8; top:2px; }
    40%  { opacity:.6; top:4px; }
    60%  { opacity:.4; top:6px; }
    80%  { opacity:.2; top:8px; }
    100% { opacity:0;  top:10px; }
}*/

.hide-desktop { display: none;  }
.hide-mobile  { display: block; }

@media only screen and (max-width:59.9375em) {

.hide-desktop { display: block;  }
.hide-mobile  { display: none; }

}  


@media only screen and (max-width:1024px) {

.main_circle,
.main_gracias {
 
height:              100%;
padding:             var(--space-xxxl) 0;
 
}

}  


.block_ofertas      { margin:var(--space-xl) auto!important;  }

.block_ofertas > *  { 
                      --grid-gutter: var(--space-m);
                      --grid-size: 33.3333%;
                      align-items: stretch;

                      flex-basis: calc( var(--grid-size) - var(--grid-gutter)); 
                      max-width: calc( var(--grid-size) - var(--grid-gutter));
                      margin: 0 calc( var(--grid-gutter) / 2 ) calc( var(--grid-gutter));

                    }


.oferta-card {
  box-shadow: var(--shadow10);
  border-radius: 12px;
  /*text-align: center;*/
  display: flex;
  flex-direction: column;
  overflow:hidden;
  background-color: hsla(var(--light),1);
  transition: all 350ms ease-in-out;
}

.oferta-card-destacado {
  width: min(100%, 450px);
  margin:0 auto;
  overflow: unset;
  position: relative;
  z-index: 1;
}

.oferta-card-destacado::before, 
.oferta-card-destacado::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background-color: hsla(var(--light),.8);
    transform: rotate(0deg);
    z-index: -1;
    transition: transform 350ms ease;
}

.oferta-card-destacado:hover         { transform: rotate(2deg); } 
.oferta-card-destacado:hover::before { transform: rotate(-4deg); }
.oferta-card-destacado:hover::after  { transform: rotate(3deg); }

.oferta-card__img  {
  background-color: hsl(var(--dark),.05);
}

.oferta-card__info  {
  padding:var(--space-s);
  text-align: center;
  /*display: flex;*/
}

.oferta-card__img img { transform: scale(.9); transition: all 350ms ease-in-out; }

.oferta-card:hover     { box-shadow: var(--shadow20); }
.oferta-card:hover img { transform: scale(.95); }

@media only screen and (max-width:1024px) {
  .oferta-card-destacado { margin:0 auto var(--space-xl); }
}

@media only screen and (max-width:840px) { 
  .block_ofertas > *     {  --grid-size: 50%; }
}

@media only screen and (max-width:540px) {

  .block_ofertas > *  { 
      --grid-size: 100%;
      --grid-gutter: 0px;
      margin: 0 0 var(--space-m);
  }

}
 

/***********************/

.main_circle svg,
.sec_oferta--single svg {
  position: absolute;
  fill:hsla(var(--light),.4);
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
}

 
/* -------------------------------- 
FORMULARIOS
-------------------------------- */

[type=submit]         { cursor: pointer; color:hsl(var(--light)); background:hsl(var(--brand-third)); display: block; width: 100%; }
[type=submit]:hover   { color:hsl(var(--light)); background:hsl(var(--brand-third-dark)); box-shadow: var(--shadow20) }



.block_form > *                           { flex-basis: calc( 50% - var(--space-s)); margin: 0 calc( var(--space-s) / 2 ); }
.block_form > *:nth-child(3n)             { flex-basis: calc( 100% - var(--space-s)); }

.modal-form .block_form > *               { flex-basis: calc( 33.333% - var(--space-s)); }
.modal-form .block_form > *:nth-child(3n) { flex-basis: calc( 33.333% - var(--space-s)); }
.modal-form .block_form > *:nth-child(4),
.modal-form .block_form > *:nth-child(5)  { flex-basis: calc( 50% - var(--space-s)); }
/*.modal-form .block_form > *:nth-child(6)  { flex-basis: calc( 100% - var(--space-s)); } */


.modal-form [type=submit] { margin: 0; }

@media only screen and (max-width:670px) {

.modal-form .block_form > *               { flex-basis: calc( 50% - var(--space-s)); }
.modal-form .block_form > *:nth-child(3)  { flex-basis: calc( 100% - var(--space-s)); }
.modal-form .block_form > *:nth-child(4),
.modal-form .block_form > *:nth-child(5)  { flex-basis: calc( 100% - var(--space-s)); }

}

@media only screen and (max-width:420px) {
  .block_form > *,   
  .modal-form .block_form > * { --space-s:0px; flex-basis: calc( 100% - var(--space-s)); }
  [type=submit],
  .modal-form [type=submit] { margin:var(--space-xs) 0 0; }
}


.form-check {
  cursor: pointer;
  position: relative;
}

input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top:  2px;
  left: 4px;
}

input[type="checkbox"] + span         { 
  font-size:var(--text-s);
  color:hsla(var(--light),.6); 
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 4px;
  position: relative;
}

input[type="checkbox"] + span::before {
  --size:20px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h14V5H5z' fill='rgba(255,255,255,.6)'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display:block;
  min-width: var(--size);
  height:    var(--size);
  position: relative; top:-2px;
}
 

input[type="checkbox"]:checked + span         { color:hsla(var(--light),1); }
input[type="checkbox"]:checked + span::before,
.modal-form input[type="checkbox"]:checked + span::before { 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm7.003 13l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z' fill='rgb(245 159 10)'/%3E%3C/svg%3E");
}

.modal-form input[type="checkbox"] + span         { color:hsla(var(--dark),.6); }
.modal-form input[type="checkbox"]:checked + span { color:hsla(var(--dark),1); }
.modal-form input[type="checkbox"] + span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h14V5H5z' fill='rgba(25,25,25,.6)'/%3E%3C/svg%3E"); }

input[type="checkbox"] + span a { display: contents;}
 

input[type="checkbox"] + span::before  {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


/* -------------------------------- 
CTA FAQ
-------------------------------- */

.faq_card                     { position: relative; }
.faq_card:not(:first-child)   { border-top:1px solid hsla(var(--dark),.1); }

.faq_card strong              { font-weight: 600; color: hsla(var(--dark),1);  } 

.faq_card p,
.faq_card ol,
.faq_card ul       { line-height: var(--body-line-height); color: hsla(var(--dark),.6);  }  

.faq_card li       { margin-bottom:0  } 
.faq_card li ul    { margin-top: var(--space-xs); } 
.faq_card li li    { list-style:circle  } 

.tab.faq_title {
  color: hsla(var(--dark),1);
  background-color: hsla(var(--light),1);
  padding:var(--space-m) 0; 
  margin: 0;
  font-size: var(--text-m);
  font-weight: 400;
  position: relative;
  cursor: pointer;
  outline: 0;
  opacity: .6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab.faq_title:after {
  content:'';
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='20' height='20' viewBox='0 0 24 24' stroke-width='2' stroke='rgb(5,190,214)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='6 9 12 15 18 9' /%3E%3C/svg%3E");
  min-width:20px;
  height:   20px;
  display:block;
  opacity: 1;
}
 

.tab.faq_title.active:after {
  transform: rotate(180deg);
}

.faq_title:hover,               
.tab.active.faq_title,
.faq_title:hover:after,
.tab.active.faq_title:after    { opacity: 1}
 
.panel                 { opacity:0; overflow: hidden; max-height: 0px; padding:0; }
.panel.active          { opacity:1; max-height: 105em; padding:0; }
 
.faq_title:after, 
.faq_panel,
.tab,
.panel {
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

 
/* -------------------------------- 
PAGE FUNCIONA
-------------------------------- */

.sec_content   { padding:var(--space-xxl) 0 0; }

.funciona-text p  { font-family: var(--font-secondary); font-weight:300; padding:0; color:hsla(var(--dark),.8); 
                  line-height: var(--body-line-height); font-size: calc(var(--text-m) - 3px);  }  


.funciona-text p strong { font-weight:400; color:hsla(var(--dark),1); } 

.funciona-text h6  { display: block; font-family: var(--font-primary); font-weight:600; line-height: var(--body-line-height); 
                         text-transform: uppercase; color:hsla(var(--brand-second),1);  margin-bottom: var(--space-xs); }    


.sec_icons               { padding:var(--space-xxxl) 0; background:hsla(var(--light),1); z-index: 0; }
.sec_icons::before,
.sec_icons::after,
.sec_try::before,
.sec_try::after {
  content: '';
  display: block;
  position: absolute;
  width: 359px;
  height: 24px;
  background-image:url(images/svg/divider-pink.svg);
}

.sec_try::before,
.sec_try::after { background-image:url(images/svg/divider-white.svg); }

.sec_icons::before   { top: 0; left:0; }
.sec_icons::after    { bottom: 0; right:0; transform: rotate(180deg); }  


.sec_try::before   { bottom: 0; left:0;  transform: scaleY(-1); }
.sec_try::after    { bottom: 0; right:0; transform: rotate(180deg); }  


.block_benefit           { margin-top: var(--space-l); } 
.block_benefit > *       { flex-basis: calc( 33.3333% - var(--space-l)); max-width: calc( 33.3333% - var(--space-l));
                           margin: calc( var(--space-l) / 2 ) calc( var(--space-l) / 2 ); }
 
.benefit_card            { display: flex; align-items: flex-start; }
.benefit_card img        { display: block; width: 54px; margin-right: var(--space-xs) }
 
.benefit_card h5         { display: inline-block; margin: 0 0 var(--space-s); font-weight: 600; }
.benefit_card p          { margin: 0; }

.dest_list     { 
  margin: var(--space-xxl) 0 var(--space-l);
  padding:0; 
  list-style: none; 
  font-family: var(--font-secondary); 
  color: hsla(var(--dark),1);  
} 

.dest_list li  { 
  margin-bottom: var(--space-l); 
  font-weight: 300;
  display: flex;
  gap:4px;
} 

.dest_list li:before  {
  --size:18px;
  content:'';
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' stroke-width='1.5' stroke='rgb(5,190,214)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E");
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center;
    min-width: var(--size);
    height: var(--size);
    display: block;
    position: relative;
    top: 2px;
}

 


@media only screen and (max-width:840px) {


.row .block_benefit      { margin-top: var(--space-m); }
.page-background         { padding: var(--space-xxxl) 0 var(--space-xl); }

.block_benefit > *       { flex-basis: calc( 50% - var(--space-l)); max-width: calc( 50% - var(--space-l));
                           margin: calc( var(--space-l) / 2 ) calc( var(--space-l) / 2 ); }

}


@media only screen and (max-width:540px) { 

.block_benefit > *       { flex-basis: calc( 100% - var(--space-m)); max-width: calc( 100% - var(--space-m)); }

}  


 
@media only screen and (max-width:59.9375em) {

.main-background {
  background-image: none!important;
  padding: var(--space-xxxl) 0 var(--space-xl);
  height: auto;
}

} 

@media only screen and (max-width:59.9375em) {

.sec_content img { margin:0 auto;}
.funciona-text h6  { margin-top: var(--space-m); }

} 
 
/* -------------------------------- 
OFERTAS CARD
-------------------------------- */

.badge--minutes      { margin: var(--space-s) auto;  }
.badge--minutes h5   { font-size: var(--text-xs); font-weight:400; display: inline-block; color:hsla(var(--brand),1); padding: 0; margin:0; }
.badge--minutes img  { width: 52px; display: inline-block; margin:0;  }

.badge--minutes_card     { display: inline-block; position: absolute; top:6px; left:2px; }
.badge--minutes_card img { width: 100%; max-width:54px }

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 0;
    font-size:var(--text-xs);
    box-shadow: var(--shadow20);
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 0;
}
 
/* -------------------------------- 
PROMO
-------------------------------- */
/*
.promotion{
  position: absolute;
  z-index:  4;
  top: var(--space-xs);
  left: var(--space-xs);
}
 

.promo-single { border-radius: 6px; text-align: center; margin: var(--space-s) auto 0; }

.promo p,
.promo-single p { background-color:hsla(var(--brand-second),1); color:hsla(var(--light),1); 
                  text-align: center; padding: var(--space-xs); font-size: calc(var(--text-xs) - 1px);
                  margin: 0 0 var(--space-s); border-radius: 6px; font-weight: 500; }

.main_circle--dest .promo p { display: inline-block; padding: var(--space-s); margin: var(--space-m) 0 0 ; }
.data_modal--container .promo-single p    { max-width:100%; margin:0 auto; }

.promo-single p       { padding: var(--space-m) var(--space-xl); margin: 0; font-size: var(--text-xs); }
 
.promo p strong       { color:hsla(var(--dark),1); }
.promo-single strong  { color:hsla(var(--dark),1); font-size: var(--text-xl); display:block; position: relative; }
.promo-single a       { display: inline-block; font-size: var(--text-xs); text-align: center; font-style: italic;
                        margin:var(--space-s) 0 var(--space-l); }*/

 
.sec_ofertas--home {
 padding:var(--space-xxl) 0 0;
 background: hsla(var(--dark),.07); 
 background: #fff;
  z-index:1
}

 
.searchandfilter    { padding:0; margin:var(--space-s) 0 0; width: 100%; }
 
.sec_equip {
background:    hsla(var(--light),1); 
padding:       var(--space-xxl) 0;
} 
 

.car-tag_card, 
.car-tag_new {
  position: absolute;
  z-index:  4;
  left:     var(--space-xs);
}

.car-tag_card     { top:    var(--space-xs); }
.car-tag_new      { bottom: var(--space-xs); }  

.tarifas-small { 
  padding-top: var(--space-s);
  font-style: italic;
  text-align: right;
}


.list_extras,
.list_tags     { 
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-xs);
    margin: 0;
    padding-bottom: var(--space-m);
}

.list_extras {
  list-style: none;
  padding: 0 0 var(--space-m);

}

.list_tags li         { color: hsla(var(--dark),1); padding-right:var(--space-xs); }
.list_tags li::marker { color:hsla(var(--brand-second),1); } 

.car-tag-extra {
  display: block;
  border-radius: 12px;
  color: hsla(var(--dark),1);
  line-height: 1.2;
  padding: var(--space-m);
  border:2px solid hsla(var(--brand-second),1);
  text-transform: uppercase;
  font-size: var(--text-xs);
  position: relative;
  font-weight: 600;

  display: flex;
  gap:var(--space-xxs);
}

.car-tag-extra:before  {
    --size:18px;
    content:'';
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' stroke-width='1.5' stroke='rgb(5,190,214)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='9' /%3E%3Cpath d='M9 12l2 2l4 -4' /%3E%3C/svg%3E");
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center;
    min-width: var(--size);
    height: var(--size);
    display: block;
    position: relative;
}
  

 



.grid-equipacion           {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-bottom: var(--space-m);
}

 
.equip_card      { 
  padding:var(--space-s);
  border:1px solid hsla(var(--dark),.1);
  display: flex;
  flex-direction: column;
}
 

.equip_card span    { display: block; text-transform: uppercase; font-size: var(--text-xxs); margin: 0 0 var(--space-xs); color:hsla(var(--dark),.4); }
.equip_card strong  { }

.tablet { display: none; }


@media only screen and (min-width:60em) and (max-width:74.9375em) {

.block_equip > *   { flex-basis: calc( 25% - var(--no-gutter)); max-width: calc( 25% - var(--no-gutter)); }

}

@media only screen and (min-width:42.250em) and (max-width:59.9375em) {

.block_equip > *   { flex-basis: calc( 25% - var(--no-gutter)); max-width: calc( 25% - var(--no-gutter)); }
 
}

@media only screen and (max-width:42.240em) {

.block_equip > *   { flex-basis: calc( 33.3333% - var(--no-gutter)); max-width: calc( 33.3333% - var(--no-gutter)); }

}

@media only screen and (max-width:31.250em) { 

.block_equip > *   { flex-basis: calc( 50% - var(--no-gutter)); max-width: calc( 50% - var(--no-gutter)); }
 
}  


/* -------------------------------- 
CTA TRY
-------------------------------- */
 
.sec_try       { 
background-color:    hsla(var(--brand),1); 
padding:             var(--space-xxl) 0;

}

a.cta-phone:hover       { color:hsla(var(--brand-third-dark),1); }
.sec_try h2            { margin-bottom: var(--space-s); }
a.cta-phone            { color:hsla(var(--brand-third),1); font-size: var(--text-l); font-weight: 600 }

 
@media only screen and (max-width:41.250em) { 

.modal         { width: 96%; margin-left: -48%; }
.sec_try       { padding:var(--space-xxl) 0; }

}



 
/* -------------------------------- 
TESTIMONIOS
-------------------------------- */

.sec_testimonios {
/*background-image:    url(images/svg/pat-6.svg);*/
background-size:     auto;
background-repeat:   repeat;
background-position: bottom left;
background-color:    hsla(var(--light),1);  
/*background-color:    hsla(var(--brand-second-dark),1); */
padding:             var(--space-xxl) 0;
z-index:             0;
overflow:            hidden;
}
 
.sec_testimonios::before {
  display: block;
  content: '';
  width: 100%;
  height: 50%;
  background-color: #f2f2f2;
  position: absolute;
  bottom: 0;
/*background: -moz-linear-gradient(180deg, rgba(235,12,242,0) 0%, #ff3363 80%);
background: -webkit-linear-gradient(180deg, rgba(235,12,242,0) 0%, #ff3363 80%);
background: linear-gradient(180deg, rgba(235,12,242,0) 0%, #ff3363 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb0cf2",endColorstr="#ff3363",GradientType=1);*/
}

.testimonios h1         { color:hsla(var(--light),1);}
.testimonios .meta      { color:hsla(var(--light),.5);}

.stars {
  --size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z' fill='rgb(252 185 0)'/%3E%3C/svg%3E");
    background-repeat: space no-repeat;
    background-size: var(--size);
    height: var(--size);
    width: calc(var(--size) * 5.9);
    margin: 0 0 var(--space-m);
}

.block_testimonios > *  { margin: calc( var(--grid-gutter) / 2 ) calc( var(--grid-gutter) / 2 ); }
.block_testimonios > *  { flex-basis: calc( 33.333% - var(--grid-gutter)); max-width: calc( 33.333% - var(--grid-gutter)) }

 
.testimonios-card           { text-align: center; padding: var(--space-m); }
.testimonios-card ul        { display: flex; list-style: none; border:var(--ora); margin: 0; padding: 0;  }
.testimonios-card--info     { box-shadow:var(--shadow10); background-color:hsla(var(--light),1); text-align: left; padding:var(--space-l); border-radius: 8px; margin:0 0 var(--space-xs); }

/*.testimonios-card i         { color:#fcb900; margin:0; }*/
.testimonios-card--info p   { font-family:var(--font-secondary); color:hsla(var(--dark),1); display: block; margin:0; font-size:var(--text-s); }



.testimonios_card--user     { display: flex; margin-top: var(--space-m)}
 

.testimonios_card--name h5   { padding: var(--space-xs) 0 0; margin: var(--space-m) 0 0;}
.testimonios_card--name h6   { font-weight: 400; margin:var(--space-xs) 0 0; font-size:var(--text-xxs); text-transform: uppercase; }
.testimonios_card--name span { color:hsla(var(--brand),1); display: block; margin:0 0 var(--space-xs); font-size:var(--text-xxs); text-transform: uppercase;   }


/*.testimonios-card:hover .testimonios-card--info     { box-shadow:var(--shadow40)  }*/


@media only screen and (max-width:59.9375em) {

.block_testimonios > *  { flex-basis: calc( 50% - var(--grid-gutter)); max-width: calc( 50% - var(--grid-gutter)) }
}


@media only screen and (max-width:46.250em){ 

.block_testimonios > *  { flex-basis: calc( 100% - var(--grid-gutter)); max-width: calc( 100% - var(--grid-gutter)) }
} 

/*----------------------- 
FOOTER
-------------------------------- */
 

footer {  padding:var(--space-xl) 0; margin: 0; color:hsla(var(--dark),.6); position: relative; background:hsla(var(--light),1);  }


.logo-footer   { display:block; width:180px; }  
 
 
.copy            { color:hsla(var(--dark),1); }
.copy p          { font-size: var(--text-xs); padding:0; font-weight: 400; } 
.sec_copy        { padding: var(--space-s) 0; background-color:hsla(var(--dark),.1); text-align: center; } 
.sec_copy span   { font-size: var(--text-xs); font-weight: 600;  } 
 

@media only screen and (max-width:59.9375em) {

.logo-footer   { display:block; margin:0 auto var(--space-l);}   

}


.stuff,
[class*="stuff_"]          { position: relative; z-index: 1; }
.stuff .row,
[class*="stuff_"] article  { position: relative; z-index: 1; } 



.stuff_tl:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left:0;
  width: 359px;
  height: 24px;
  background-image:url(images/svg/divider-pink.svg);
  z-index:1;
}

.stuff_tr:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 359px;
  height: 24px;
  background-image:url(images/svg/divider-pink.svg);
  z-index:1;
}

.stuff_br:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -4em;
  right: 4em;
  width: 300px;
  height: 300px;
  background-image:url(images/svg/divider-pink.svg);
  z-index:1;
}



.stuff_bl:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4em;
  left: 4em;
  width: 300px;
  height: 300px;
  background-image:url(images/svg/divider-pink.svg);
  background-size:contain;
  background-repeat: no-repeat; 
  z-index:1;
}

.stuff_half:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image:url(images/svg/divider-pink.svg);
  background-color: hsla(var(--brand-second),1);
  z-index:0;
}

.stuff_half:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
/*  background-image:url(images/svg/pat02.svg);*/
  background-color: hsla(var(--light),1);
  background-color: #ffd1c7; 
  z-index:0;
}


@media only screen and (max-width:59.9375em) {
 
.stuff_tr:before { top: 0; right: 0; }

}



/* -------------------------------- 
404
-------------------------------- */

.sec_404 {
display:             flex;
background-image:    url(images/svg/pat-6.svg);
background-repeat:   repeat; 
background-color:    hsla(var(--dark),.07); 
background-size:     auto;
background-position: top left;

/*width:               100%;*/

position:            relative;
z-index:             1; 
margin:              0;
/*padding:             var(--space-xxxl) 0 var(--space-xxl);
height:              auto;*/

padding:             0;
height:              100vh;

overflow:            hidden;
 
}

/* -------------------------------- 
GRACIAS
-------------------------------- */

.form-gracias h4 { color:hsla(var(--brand-second),1); font-size: var(--text-xl); margin-top: var(--space-s) }
.form-gracias p  { font-family: var(--font-secondary); font-weight:400; padding:0; color:hsla(var(--dark),.6);
                   line-height: var(--body-line-height); font-size: calc(var(--text-m) - 2px);  } 




/* -------------------------------- 
UTILITIES
-------------------------------- */


.text-xxxs    { font-size:var(--text-xxxs); }           
.text-xxs     { font-size:var(--text-xxs); }            
.text-xs      { font-size:var(--text-xs); }             
.text-s       { font-size:var(--text-s); }              
.text-m       { font-size:var(--text-m); }             
.text-l       { font-size:var(--text-l); }               
.text-xl      { font-size:var(--text-xl); }              
.text-xxl     { font-size:var(--text-xxl); }            
.text-large   { font-size:var(--text-large); }
.text-huge    { font-size:var(--text-huge); } 
.text-huge2x  { font-size:var(--text-huge2); }

.text-dark    { color: hsla(var(--dark),1); }
.text-light   { color: hsla(var(--light),1); }
.text-brand   { color: hsla(var(--brand),1); }
.text-second  { color: hsla(var(--brand-second),1); }
.text-third   { color: hsla(var(--brand-third),1); }

.text-light4   { color: hsla(var(--light),.4); }
.text-light6   { color: hsla(var(--light),.6); }
.text-light8   { color: hsla(var(--light),.8); }

.text-dark4   { color: hsla(var(--dark),.4); }
.text-dark6   { color: hsla(var(--dark),.6); }
.text-dark8   { color: hsla(var(--dark),.8); }


.font-300 { font-weight: 300 }
.font-400 { font-weight: 400 }
.font-500 { font-weight: 500 }
.font-600 { font-weight: 600 }

.d-block      { display: block; }
.text-center  { text-align: center; }
.mt-m         { margin-top: var(--space-m)}
.mb-m         { margin-bottom: var(--space-m)!important; }
.mb-none      { margin-bottom: 0; }