/*
Theme Name: Etude Child Theme
Theme URI: https://etude.themerex.net/
Description: Etude is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.14.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: etude
Template: etude
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.blend-mode {
	mix-blend-mode: difference; 
}

.black-white {
	filter: grayscale(100%);
}

.my-contact-form textarea{
	height: 10em !important;
	
}

.create-text .sc_item_title_text2 {
	font-family: var(--theme-font-h5_font-family);

}


/* Widget instagram
------------------------------------------------------------ */
/* =========================================================
   Emporiosiete — Grid de Instagram (shortcode e7_ig_embeds)
   ========================================================= */

.e7-ig {
  --e7-bg: #DAD7CB;
  --e7-dark: #1F242E;
  --e7-text: #797C7F;
  --e7-border: rgba(31, 36, 46, .14);
  --e7-tile: #CFCBBE;
  --e7-ease: cubic-bezier(.2, .7, .2, 1);

  max-width: 1260px;
  margin: 0 auto;
  padding: 80px 0;
  font-family: "DM Sans", sans-serif;
  color: var(--e7-text);

  /* Fondo a todo el ancho de la pantalla */
  background: var(--e7-bg);
  box-shadow: 0 0 0 100vmax var(--e7-bg);
  clip-path: inset(0 -100vmax);
}

/* ---------- Header (solo con header="si") ---------- */
.e7-ig__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  padding-bottom: 32px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--e7-border);
}
.e7-ig__label {
  display: block;
  margin-bottom: 12px;
  font-family: halyard-display, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.e7-ig__title {
  margin: 0;
  font-family: halyard-display, sans-serif;
  font-weight: 300;
  font-size: clamp(32px, 4vw, 47px);
  line-height: 1.05;
  color: var(--e7-dark);
}

/* ---------- Filtros ---------- */
.e7-ig__filters { display: flex; gap: 28px; flex-shrink: 0; }
.e7-ig__filters button {
  position: relative;
  padding: 4px 0;
  background: none;
  border: 0;
  font-family: halyard-display, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--e7-dark);
  opacity: .45;
  cursor: pointer;
  transition: opacity .3s;
}
.e7-ig__filters button::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s var(--e7-ease);
}
.e7-ig__filters button:hover,
.e7-ig__filters button.is-active { opacity: 1; }
.e7-ig__filters button.is-active::after { transform: scaleX(1); }

/* ---------- Grid: 4 por fila ---------- */
.e7-ig__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* ---------- Carátulas ---------- */
.e7-ig__item {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--e7-tile);
}
.e7-ig__item[hidden] { display: none; }
.e7-ig__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.05);
  transition: filter .7s var(--e7-ease), transform 1s var(--e7-ease);
}
.e7-ig__item:hover img,
.e7-ig__item:focus-visible img {
  filter: grayscale(0) contrast(1);
  transform: scale(1.04);
}

/* ---------- Badge (solo con badges="si") ---------- */
.e7-ig__badge {
  position: absolute;
  top: 14px; left: 14px;
  z-index: 2;
  padding: 5px 11px;
  border-radius: 999px;
  font-family: halyard-display, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fff;
  background: rgba(31, 36, 46, .55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* ---------- Responsive ---------- */
@media (max-width: 1200px) {
  .e7-ig { padding: 60px 24px; }
  .e7-ig__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .e7-ig__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 640px) {
  .e7-ig__head { flex-direction: column; align-items: flex-start; }
  .e7-ig__filters { gap: 20px; }
}
@media (max-width: 480px) {
  .e7-ig__grid { grid-template-columns: 1fr; }
}

/* En táctiles no hay hover: mostrar a color */
@media (hover: none) {
  .e7-ig__item img { filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .e7-ig * { transition: none !important; }
}

/* HOME HEADER */
/* Cambiar color del texto del menú a blanco solo en la página de inicio */
/* 1. Color de texto blanco para todos los enlaces, elemento activo y hover */
body.home .header-blanco-home nav ul li a,
body.home .header-blanco-home nav ul li.current-menu-item > a,
body.home .header-blanco-home nav ul li.current_page_item > a,
body.home .header-blanco-home nav ul li.current-menu-ancestor > a,
body.home .header-blanco-home nav ul li a:hover,
body.home .header-blanco-home .sc_layouts_menu_nav > li > a,
body.home .header-blanco-home .sc_layouts_menu_nav > li.current-menu-item > a {
    color: #ffffff !important;
}

/* 2. Línea o subrayado del elemento seleccionado (pseudo-elementos ::after y ::before) */
body.home .header-blanco-home nav ul li a::after,
body.home .header-blanco-home nav ul li a::before,
body.home .header-blanco-home nav ul li.current-menu-item > a::after,
body.home .header-blanco-home nav ul li.current-menu-item > a::before {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* 3. Iconos y botón de búsqueda (SVG, FontAwesome / Iconos de tema) */
body.home .header-blanco-home svg,
body.home .header-blanco-home i,
body.home .header-blanco-home .search_submit,
body.home .header-blanco-home a * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Si el logo es una imagen (PNG, JPG o <img SVG>), usamos filtro para volverlo blanco */
body.home .header-blanco-home img,
body.home .header-blanco-home .sc_layouts_logo img,
body.home .header-blanco-home .custom-logo-link img,
body.home .header-blanco-home a[class*="logo"] img {
    filter: brightness(0) invert(1) !important;
}

/* Si el logo es texto o fuente tipográfica */
body.home .header-blanco-home .sc_layouts_logo_text,
body.home .header-blanco-home .logo_text,
body.home .header-blanco-home .site-title a {
    color: #ffffff !important;
}

/* SERVICIOS */

.season-text .sc_icons_bordered .sc_icons_icon:before, .season-text .sc_icons_bordered .sc_icons_icon>span:before {
	font-family: var(--theme-font-h1_font-family) !important;
	font-weight: 300 !important;

}

.season-text{
	font-family: var(--theme-font-h5_font-family) !important;
}

.service-stats .sc_skills_total {
	font-size: 6rem !important;
}