/*!
Theme Name: Orbitta Child
Theme URI: https://orbitta.es/
Author: Orbitta
Author URI: https://orbitta.es/
Template: orbitta
Description: Orbitta Theme Child
Version: 1.0
Text Domain: orbitta-child
*/

/* General (root) */

body {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  background: #F4ECDF;
  color: #262426;
}

/* Fonts */

.ls4-2 { letter-spacing: 4.2px; }


p { 
  font-size: var(--fs16);
  color: #736864; 
  line-height: 150%; 
}

/* Icons */

.btn-dark .wp-element-button::after,
.btn-red .wp-element-button::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none"><path d="M1 7C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9V7ZM13.7071 8.70711C14.0976 8.31658 14.0976 7.68342 13.7071 7.29289L7.34315 0.928932C6.95262 0.538408 6.31946 0.538408 5.92893 0.928932C5.53841 1.31946 5.53841 1.95262 5.92893 2.34315L11.5858 8L5.92893 13.6569C5.53841 14.0474 5.53841 14.6805 5.92893 15.0711C6.31946 15.4616 6.95262 15.4616 7.34315 15.0711L13.7071 8.70711ZM1 8V9H13V8V7H1V8Z" fill="%23E8DDCC"/></svg>');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: absolute;
  background-color: #A89577;
  top: 0;
  right: 0;
  border-radius: 0px 5px 5px 0px;
}

.btn-dark .wp-element-button::after {
  background-color: #B93818;
}

/* Elements */

.btn-red .wp-element-button,
.btn-dark .wp-element-button {
  border-radius: 5px;
  background: #262426;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  padding: 20px 70px 20px 25px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}

.btn-red .wp-element-button {
  background: #B93818;
}

/* Header */

/* Hero */

/* Bloques Guttenberg */

.grid-ventajas svg {
  flex: none;
}

.grid-ventajas h3 {
  color: #000;
  font-size: var(--fs16);
}

.grid-ventajas p {
  color: #736864;
  font-size: 14px;
  font-weight: 400;
}

.grid-ventajas .bloque-ahorro .wp-block-group__inner-container {
  width: 35px;
}

.grid-ventajas .bloque-ahorro svg {
  position: absolute;
  top: -55px;
  left: -55px;
}

.wp-block-image.image-ladrillos figure {
  position: absolute;
  left: 0;
  top: -22vw;
  width: 30vw;
}

.grupo-footer {
  overflow: hidden;
}

.fondo-footer {
  opacity: 0.8;
  background: linear-gradient(89deg, #B93818 11.57%, #53190B 99.36%);
  filter: blur(4px);
  height: 100%;
  width: 120% !important;
  display: flex;
  position: absolute;
  left: 0;
}

.footer {
  overflow: hidden;
}

.imagen-footer {
    position: absolute;
    bottom: 0;
    min-width: 70vw !important;
    right: 0;
    pointer-events: none;
}

/* Shortcodes */

/* Contact Form 7 */

.wpcf7 label {
  color: #FFF;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 15px;
}

.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea {
  border-radius: 5px;
  background: #EADCC7;
  box-shadow: -6px -6px 0px 0px #C5AB83 inset;
  border: 0;
  margin-top: 5px;
}

.wpcf7 [type=checkbox] {
  border-radius: 2.5px;
  border: 1px solid #FFF;
  background-color: #EADCC7;
}

input.wpcf7-not-valid, 
select.wpcf7-not-valid {
  border: 0 !important;
  box-shadow: -6px -6px 0px 0px #262426 inset !important;
}


.wpcf7 .wpcf7-submit {
  border-radius: 5px;
  background: #262426;
  width: auto;
  color: white;
  font-size: 14px;
  font-weight: 700;
}





/* Archive y Post */

/* Categoria y Producto (woo) */

/* Footer */


/*--------------------------------------------------------------
>>> MEDIA QUERYS:
---------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
  /* Estilos para dispositivos móviles (teléfonos y tablets en orientación vertical) */
  .imagen-footer {
      min-width: 70vh !important;
      left: 40%;
  }

  .grid-ventajas .bloque-ahorro svg {
    position: unset;
    width: 35px;
    height: 35px;
  }

}

@media only screen and (min-width: 1024px)	{
  /* Estilos para pantallas de escritorio y dispositivos más grandes */

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Estilos para pantallas medianas (por ejemplo, laptops pequeñas y tablets grandes) */
  .wp-block-image.image-ladrillos figure {
    position: absolute;
    left: 0;
    top: -30vw;
    width: 40vw;
  }
}

@media only screen and (min-width: 1280px)	{
  /* Estilos para pantallas grandes (por ejemplo, laptops grandes y monitores de escritorio) */

}