/*
Theme Name: Nicex (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Nicex – brings your site to life with immersive featured images and subtle animations. With a focus on portfolio sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our theme works great in many languages, for any abilities, and on any device.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nicex
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: nicex
*/

/* Add your own modification from here
-------------------------------------------------------------- */

/*-------------------------------------------------------------
GLOBAL
-------------------------------------------------------------*/



/*-------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
------------------------- INICIO ------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
-------------------------------------------------------------*/

/*-------------------------------------------------------------
HEADER PRINCIPAL - INICIO
-------------------------------------------------------------*/

#primary-menu li a:hover{
	color: #dcabc4 !important;
}

#listado-iconos-menu div span a svg {
	transition: fill .3s ease;
}

#listado-iconos-menu div span a:hover svg {
	fill: #dcabc4 !important;
}

/*-------------------------------------------------------------
SLIDER PRINCIPAL - INICIO
-------------------------------------------------------------*/

.ms-slider--cont .ms-sc--l.text::after{
	background-color: #dcabc4 !important;
}

/*-------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
------------------------ CONTACTO -----------------------------
---------------------------------------------------------------
---------------------------------------------------------------
-------------------------------------------------------------*/

/*-------------------------------------------------------------
INFORMACIÓN DE CONTACTO - CONTACTO
-------------------------------------------------------------*/
/* Tema claro */
[data-theme="light"] #listado-iconos-contacto div span a svg {
  transition: fill 0.3s ease;
  fill: #333;
}

[data-theme="light"] #listado-iconos-contacto div span a:hover svg {
  fill: #dcabc4 !important;
}

/* Tema oscuro */
[data-theme="dark"] #listado-iconos-contacto div span a svg {
  transition: fill 0.3s ease;
  fill: #f5f5f5;
}

[data-theme="dark"] #listado-iconos-contacto div span a:hover svg {
  fill: #ffbfd5 !important;
}

/*-------------------------------------------------------------
FORMULARIO DE CONTACTO - CONTACTO
-------------------------------------------------------------*/
/* Botón de enviar */
.ms-cf--bottom .btn--primary{
	background-color: #dcabc4;
}
.ms-single-post--img {
    display: none !important;
}
/* Transiciones suaves para portfolio */
.portfolio-feed {
	will-change: opacity, transform;
}

.filter-nav {
	will-change: opacity, transform;
}

/* Animación de items individuales */
.portfolio-feed .grid-item-p {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.portfolio-feed .grid-item-p:nth-child(1) { animation-delay: 0.1s; }
.portfolio-feed .grid-item-p:nth-child(2) { animation-delay: 0.15s; }
.portfolio-feed .grid-item-p:nth-child(3) { animation-delay: 0.2s; }
.portfolio-feed .grid-item-p:nth-child(4) { animation-delay: 0.25s; }
.portfolio-feed .grid-item-p:nth-child(5) { animation-delay: 0.3s; }
.portfolio-feed .grid-item-p:nth-child(6) { animation-delay: 0.35s; }
.portfolio-feed .grid-item-p:nth-child(n+7) { animation-delay: 0.4s; }

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Animación del filtro */
.filter-nav__item {
	opacity: 0;
	transform: translateX(-10px);
	animation: fadeInRight 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.filter-nav__item:nth-child(1) { animation-delay: 0.05s; }
.filter-nav__item:nth-child(2) { animation-delay: 0.1s; }
.filter-nav__item:nth-child(3) { animation-delay: 0.15s; }
.filter-nav__item:nth-child(4) { animation-delay: 0.2s; }

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}




/* -------------------------------------------------------------
HOME - FORZAR LOGO ACTUAL EN HEADER TRANSPARENTE
-------------------------------------------------------------- */
.home .main-header.ms-nb--transparent .main-header__logo .logo-dark {
    opacity: 1 !important;
    position: relative;
    z-index: 2;
}

.home .main-header.ms-nb--transparent .main-header__logo .logo-light {
	    opacity: 0 !important;
	    pointer-events: none;
}