/* Enter Your Custom CSS Here */

/* Modificación cuadro sobre slide, eliminar, antes border: 3px */
.banner-wrap {
  border: 0px solid #000 !important;
  border-right:0px !important;
  border-top:0px !important;
  border-left:0px !important;
  border-bottom:0px !important;
  position: absolute !important;
  left: 0px !important;
  width: 100% !important;
  padding: 0px !important;
}

.frontpage-social .inline-center-wrapper div a i {
    background-color: rgba(247,148,29,.3) !important;
}
.frontpage-social .inline-center-wrapper div a i:hover {
    background-color: rgba(247,148,29,.6) !important;
}

.contact-submit:hover {
    background-color: rgba(247,148,29,.6) !important;
}

a:hover {
    color: rgba(247,148,29,1) !important;
}


p {
  font-size:18px !important;
  font-weight: 200 !important;
}

.textwidget{
  font-size:18px !important;
  font-weight: 200 !important;
}
.roll-list{
  font-size:18px !important;
  font-weight: 200 !important;
}

/* OCULTAR FOOTER */
.site-footer, .site-footer a {
    visibility: hidden !important;
    display: none !important;
}
.footer-widgets {
    padding: 15px 0 !important;
    padding-top: 45px !important;
}

/* IMAGE HOVER*/
.ih-item.square {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .0) !important;
}
.grid-pad {
    padding-top: -20px !important;
}


.textwidget{
    text-align:justify !important;
}



/* FORMULARIO */
label {
    position: relative !important;
    font-family: 'Raleway' !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    letter-spacing: 3px !important;
    width: 50% !important;
    clear: none !important;
    float: left !important;
}
input[type="text"]{
    width: 96% !important;
    margin: 2% !important;
    font-family: 'Raleway' !important;
    font-size: 16px !important;
    font-weight: 200 !important;
}
input[type="email"]{
    width: 96% !important;
    margin: 2% !important;
    font-family: 'Raleway' !important;
    font-size: 16px !important;
    font-weight: 200 !important;
}
input[type="submit"] {
    left:45% !important;
    top:20px !important;
}

    
textarea{
    width: 96% !important;
    margin: 2% !important;
    font-family: 'Raleway' !important;
    font-size: 16px !important;
    font-weight: 200 !important;
}

#dslc-module-45 input[type="submit"], #dslc-module-45 button {
    font-family: 'Raleway' !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    background-color: #FFFFFF!important;
    border-color: #000000!important;
    border-width: 1px!important;
    border-style: solid solid solid solid!important;
    border-radius: 3px!important;
    color: #000000!important;
  	float: right !important;
    margin: 1% !important;
}
#dslc-module-45 input[type="submit"]:hover {
    background-color: #000000!important;
    color: #FFFFFF!important;
}


/* SUBTITULO SLIDE */
.subtitle {
    font-size: 30px !important;
    line-height: 50px !important;
    font-weight: 100 !important;
}


/* MENU */
#mainnav ul li a {
    font-size: 16px !important;
    letter-spacing: -1px !important;
}
.btn-menu {color: #ED922B!important;
}

/* LOGO */
.site-logo {
    max-height: 120px !important;
}


/* Reducir tamaño de los cuadros grandes */
.grid .col-1-2 {
    width: 33.33% !important; /* Igual que los de arriba */
}

/* Ajustar imagen dentro del cuadro */
.grid .col-1-2 .ih-item.square .img img {
    width: 100% !important; /* Mantener proporción */
    height: auto !important;
}

/* Centrar el cuadro dentro del grid */
.grid {
    display: flex;
    justify-content: center; /* centra horizontalmente */
    flex-wrap: wrap;
}

/* Ajustar el cuadro "Sesión individual" */
.grid .col-1-1 {
    width: 40% !important; /* más grande que 33%, ajusta según gusto */
    max-width: 450px;       /* evita que se pase demasiado en pantallas grandes */
}

/* Ajustar la imagen para que no se corte */
.grid .col-1-1 .ih-item.square .img img {
    width: 100% !important;
    height: auto !important; /* deja que se adapte sin recortar */
    object-fit: contain !important; /* muestra la imagen completa */
}

