/* SLIDER PRINCIPAL */

.full-screen{
	max-height:calc(100vh - 97px);
}

.title-desc p{
	line-height:32px;
	letter-spacing:0px;
	font-weight:500;
	font-size:20px;
}

.home-grid-categorias .row{
	gap:3.5%;
}

.home-grid-categorias .col-xl-4{
	max-width:31%;
}

.home-grid-categorias h3{
	color:var(--blue);
}

.home-grid-categorias a{
	padding:0;
}

.contenedor-caja{
	z-index:1;
}

.sub-menu-productos{
	background:var(--blue);
	border-radius:50px;
	padding:5px 15px;
	color:white;
	font-size:14px!important;
}

.home-grid-categorias .btn-theme{
	background:white!important;
	color:var(--blue)!important;
	font-weight:600;
}

.home-grid-categorias .btn-theme :after{
	background:var(--blue)!important;
}
.home-datos .milestone-number,
.home-datos .delineado{
	-webkit-text-stroke-color: black;
		font-size:65px!important;
	font-weight:800;
	color:transparent;
	-webkit-text-stroke-width: .5px;
  margin-bottom:0!important;
  line-height: 1;
}

.home-datos .bajo-delineado,
.home-datos .milestone-text{
	color:black!important;
	font-size:20px!important;
	line-height:20px!important;
	font-weight:300!important;
}

.fondo-azul{
	background:var(--blue);
	padding:195px 100px 85px 100px;
}

.fondo-azul:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  /*background-image: url('/sites/default/files/images/index/rejilla-fondo-azul.png');*/
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  filter:invert(1);
}

.fondo-azul img{
	padding-bottom:10px;
}

.fondo-azul p{
	font-size:18px;
	line-height:32px;
}

.fondo-azul .bajo-delineado{
	margin-top:30px;
}

.contenedor-iconos .row {
	gap:10px;
	justify-content: space-between;
	
}

@media (min-width: 992px) {
    .contenedor-iconos .row .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
        flex: 0 0 23%;
        max-width: 24%;
    }
}
@media (min-width: 768px) {
    .contenedor-iconos .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
    }
}

.caja-icono{
	padding:30px;
}

.contenedor-iconos img{
 max-width:50px;
 padding-bottom:20px;
}

.contenedor-iconos h3{
 font-size:20px;
 max-width:80%;
}

.contenedor-iconos p{
 font-size:15px;
 line-height:1.2em;
 z-index:3;
 position:relative;
 
}

.caja-icono:before{
	position: absolute;
  right: -10px;
  bottom: 0;
  	-webkit-text-stroke-color: #f1f0f0;
		font-size:165px!important;
	font-weight:800;
	color:#f1f0f0;
	-webkit-text-stroke-width: .5px;
  line-height: .7em;
  font-family: "Space Grotesk", serif;
}

.caja-icono:nth-child(1):before{
	content:"01";
	right: -10px;
}

.caja-icono:nth-child(2):before{
	content:"02";
	right: -7px;
}

.caja-icono:nth-child(3):before{
	content:"03";
	right: -7px;
}

.caja-icono:nth-child(4):before{
	content:"04";
	right: -3px;
}

.contenedor-cliente-imagen{
	background:white;
	padding:30px;
  clip-path: polygon(5% 5%, calc(100% - 30px) 5%, 100% 30px, 100% 100%, 5% 100%);
  clip-path: polygon(0% 0%, 86% 0px, 100% 20%, 100% 100%, 0% 100%)
}

.contenedor-caja{
  background-size:105%;
  transition:.5s;
}

.contenedor-caja:hover{
  background-size:110%;	
  transition:.5s;
}

.contenedor-caja.bg-size-cover:after{
	  content: '';
    background: linear-gradient(0deg, var(--blue), transparent);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.contenedor-caja.bg-size-cover > .column-inner{
	z-index: 1;
  display: block;
  position: relative;
}

/* FORMULARIO */

#block-webform{
	background:#26358c99;
	clip-path: polygon(0% 0%, 86% 0px, 100% 20%, 100% 100%, 0% 100%)
}

#block-webform form{
  padding: 30px 20px;
}

#block-webform form label{
	display:none
}

#block-webform #edit-html h3,
#block-webform #edit-html p{
	color:white;
}

form #edit-actions,
#block-webform #edit-html{
	padding:0 15px;
}

form input,
form textarea{
	background:transparent!important;
	color:white;
	border-color:white!important;
	font-family: "Space Grotesk", serif;
}
form #edit-actions input{
	background:white!important;
	color:var(--blue);
}

.webform-submission-form .form-actions {
  display:block;
  float:none;
}

#contacto-index .title-desc p{
	font-size:16px;
	line-height:1.5em;
}

#contacto-index .icon-container{
	background:var(--blue);
	clip-path: polygon(0% 0%, 86% 0px, 100% 20%, 100% 100%, 0% 100%);
	width: 60px;
}

#contacto-index .icon{
  line-height: 1.3em;
  
}


#contacto-index a,
#contacto-index p{
	color:white;
}


.milestone-number-inner .symbol {
	-webkit-text-stroke-color: black;
    font-size: 65px !important;
    font-weight: 800;
    color: transparent!important;
    -webkit-text-stroke-width: .5px;
    margin-bottom: 0 !important;
    line-height: 1;
	
}