/* ===================================================================
   CWB HOME - importado de codeweb26 (codewebbarcelona.com) el 22/08/2026
   Solo lo que faltaba para el hero y el slider de servicios de su home:
   csectiontexthome*, cdevicehome, cmarquesina, cssblock, ctitularmargin,
   cnumberdecada*, h3toh4.
   Filtrado con scratchpad/cwb/strip2.php: se cayeron 17 selectores que
   pisaban clases propias de code26 (chomebot, ctawhite, cslickwrap,
   csectionopahome, .csectionfullhome .sh1, citemsupernumber, sh4).
   NO editar a mano: se regenera con extract.php + strip2.php.
   Carga DESPUES de cwb-layouts.css.
   =================================================================== */



h4,
.h3toh4 h3 {
  font-size: calc(18px + 0.3vw);
  line-height: 1.1;
  text-transform: uppercase;
  
}

.csectiontexthomewrap {
  height: 100%;
  
}

.csectiontexthome {
  padding: var(--paddings);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
  position: relative;
  
}

.csectiontexthomewrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  
}

.csectiontexthome,
.csectiontexthome1 {
  flex: 1;
  
}

.cmarquesinawrap {
  margin-top: auto;
  
}

.cdevicehome .cdevice {
  max-width: 100%;
  
}

.ctextoaboutlimit5 {
  max-width: 850px;
  
}

.cnumberdecada {
  color: var(--color1);
  
}

.csectiontextdeschome {
  max-width: 540px;
  
}

.ctitularmargin h2,
.ctitularmargin .sh2,
.ctitularmargin h3,
.ctitularmargin .sh3,
.ctitularmargin h4,
.ctitularmargin .sh4,
.ctitularmargin h5,
.ctitularmargin .sh5 {
  margin-bottom: 10px;
  
}

.cdevicehome {
  position: absolute;
  top: 0px;
  height: 100%;
  left: 25%;
  transform: translateX(50%);
  padding-top: var(--paddings);
  padding-bottom: var(--paddings);
  box-sizing: border-box;
  
}

.cdevicehome svg,
.cdevicehome .cdevice {
  height: 100%;
  width: auto;
  
}

.cdevicehome svg path {
  stroke:var(--color2);
  
}

.cmarquesinawrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  
}

.cnumberdecada {
  font-size: calc(30px + 4vw);
  line-height: 1;
  font-weight: 700;
  
}

.ccifrasblock {
  position: relative;
  
}

.ccifrasblock {
  display: flex;
  align-items: center;
  gap: 20px;
  
}

.ccifrasblock > div {
  flex: 1;
  
}

.cnumberdecadawrap.llinetop::before {
  padding-bottom: 0px;
  
}

.cnumbersdecada {
  padding-top: 5.8vw;
  
}

.climitp p {
  max-width: 700px;
  
}

.chomebot .cta2:hover {
  background: var(--color1);
  color: var(--color2)!important;
  
}

.cmarquesinawrap img {
  height: 60vh;
  margin-right: 10px;
  
}

.cgridtitular {
  height: var(--headerheight);
  display:flex;
  align-items:center;
  border-bottom: 1px solid var(--color1);
  
}

.cgridtitularitem {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom: 1px solid var(--color1);
  
}

.cgridtitularitem > :first-child {
  flex:1 1 auto;
  min-width:0;
  
}

.cgridtitular {
  margin-bottom: var(--paddings);
  
}

.cgridtitularitem > :last-child {
  flex:0 0 auto;
  margin-left:auto;
  
}

.citemserviciocat1 .cgridtitularitem {
  border-color:var(--color2);
  
}

.cmicrowrap {
  position: relative;
  
}

.cmicro {
  font-size: 13px;
  text-decoration: underline;
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-family: 'proxima-nova', sans serif;
  text-transform: none;
  padding-bottom: 1px;
  
}

.cmicro {
  text-decoration: none;
  border: 1px solid var(--color1);
  width: 285px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 30px;
  bottom: -11px;
  background: var(--success);
  background: var(--color1);
  color: var(--color2);
  ;
  border-color: var(--color2);
  ;
  
}

@media (max-width: 1600px) {
.cnumberdecada {
  font-size: calc(30px + 3vw);
  
}
}

@media (max-width: 1000px) {
.ctaservicios .cmicro {
  display: none;
  
}

.cmarquesinawrap {
  display: none;
  
}

.cssblock .col50 {
  margin-bottom: 20px;
  
}

.cssblock .col50:last-child {
  margin-bottom: 0px;
  
}

.csectiontextdeschome {
  display: none;
  
}

.csectiontexthome {
  width: 100%;
  box-sizing: border-box;
  
}

.cmarquesinawrap {
  padding-top: 8px;
  padding-bottom: 14px;
  
}

.home .cmarquesinawrap {
  display: none;
  
}

.csectiontexthome * {
  text-align: center;
  
}

.cdevicehome {
  transform: none;
  left: auto;
  position: relative;
  right: auto;
  height: auto;
  order:2;
  padding-top: 10px;
  
}

.csectiontexthome {
  padding-top: 40px;
  padding-bottom: 50px;
  
}

.cmicro {
  font-size: 11px;
  width: 235px;
  padding-top: 2px;
  padding-bottom: 0px;
  text-decoration: underline;
  
}

.csectiontexthome1 .sh5 {
  display: none;
  
}

.cdevicehome svg,
.cdevicehome .cdevice {
  height: auto;
  width: 100%;
  
}

.cmicro {
  transform: translateY(100%) translateX(-50%);
  border: 0px;
  
}
}