/*
Theme Name: NexWeDi
Theme URI: https://wpastra.com/
Template: astra
Author: Andrés Pietri
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.10.1737711803
Updated: 2025-01-24 11:43:23

*/

:root {
    --uno: #0833a2;
    --dos: #fff;
    --tres: #264ef8;
    --cuatro: #808080;
    --cinco: #ffd700;
    --seis: #000;
    --siete: #001e6d;
    --ocho: #1e293b;
    --icon: var(--cinco);
	--fondouno: linear-gradient(6deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(38, 78, 248, 1) 100%);   
    --fondodos: linear-gradient(45deg, #020024 0%, #090979 40%, #264EF8 100%);
	--uno-rgb: rgb(8,51,162);
    --dos-rgb: rgb(255,255,255);
    --tres-rgb: rgb(38,78,248);
    --cuatro-rgb: rgb(128,128,128);
    --cinco-rgb: rgb(255, 215, 0);
    --seis-rgb: rgb(0,0 0);
    --siete-rgb: rgb(0,30,109);
    --ocho-rgb: rgb(30,41,59);
	--alfa: 0.25;
 	--beta: 0.50;
	--gamma: 0.75;


}

body {
    margin-right: 10px;
    margin-left: 10px;
    -moz-box-shadow: 0 10px 10px 4px var(--uno);
    -webkit-box-shadow: 0 10px 10px 4px var(--uno);
    -o-box-shadow: 0 10px 10px 4px var(--uno);
    box-shadow: 0 10px 10px 4px var(--uno);
    background-image: linear-gradient(6deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(38,78,248,1) 100%) !important;
	z-index: -1;
}

/* Font Face para la carga rápida de los estilos de fuentes*/

@font-face {
    font-display: swap;
}

/*encabezado*/
/*
.site-header {
    position: fixed;
    width: 100%;
	z-index: 99;
}*/
/* Logo imagen */
.cmplz-cookiebanner .cmplz-logo img , .ast-site-identity {
  padding: 5px;
  &:hover {
    filter: invert(0);
    transform: scale(1.2);
  }
}

/* Anula estilos no deseados si el enlace ha sido visitado */
.ast-site-identity:visited img {
  filter: none !important;

  opacity: 1 !important;
}
/*migas*/
	
.ast-breadcrumbs-wrapper, .main-header-bar.ast-header-breadcrumb {
    background-color: transparent;
	border-bottom-color: var(--uno);
}
	
.ast-header-break-point .main-header-bar.ast-header-breadcrumb {
    border-bottom-color: var(--uno)!important;
}	



/*principal*/

main a, footer a {
    text-decoration: none !important;
    font-weight: 400;
    color: var(--dos);
}
main a:hover, footer a:hover {
    text-decoration: none !important;
    font-weight: 500;
    color: var(--cinco);
}

/*inicio*/
/*zona hero*/

.propuesta {
	padding:20px;
  	background-color:rgba(3,3,3,0.7);
}

.propuesta-resaltada {
	padding:20px;
  	background-color:rgba(3,3,3,0.8);
}

/*h2*/
.inicio-encabezado-h2 {
    margin: 0 !important;
}

/*blog*/
.entry-meta, .entry-meta * {
    color: var(--dos);
}

/*ancla top*/
#ast-scroll-top {
    background-color: var(--ocho);
    color: var(--dos);
}
#ast-scroll-top:hover {
    background-color: var(--cinco);
    color: var(--tres);
}

/*sección servicios en la página Inicio*/
/*cambio de marca en las listas*/

.lista-marca{
		list-style:none;
		
}

.lista-marca::before{
	content: "✔"; /* Cambia este símbolo por el que prefieras */
    font-size: 1.2em;
    margin-left: -19px;
    margin-right: 4px;
    color: var(--cinco); /* Color del símbolo */
}

/*ultimas entradas*/
.ultimas-entradas {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas en pantallas grandes */
    gap: 20px; /* Espacio entre elementos */
	align-items: start;
}
/*
.ultimas-entradas li > *, .wp-block-latest-posts:not(.is-grid) > li {
    /* margin-top: 0; */
    /* margin-bottom: 0; *//*
    margin: 0 0 10px 0;
}*/

.ultimas-entradas li {
	margin:0!important;
    padding: 20px;
	height:190px;
	background-color: var(--ocho);
}

/*Nuestros servicios*/





/***Formularios***/
/*se manteiene las clases del plugin*/

.wpcf7 label {
    font-weight: bold;
    font-size: 1rem;
    color: var(--cinco);
}

.wpcf7 input  {
    padding: 10px;
    border: 0px;
    width: 100%;
}

.wpcf7 input[type="radio"],
.formulario-contacto input[type="checkbox"] {
    width: auto;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0px;
    color: var(--cinco);
    text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
    text-align: left;
    border: 0;
    margin: 10px;
}

/* Cambiar color de los checkboxes */
input[type="checkbox"] {
    accent-color: var(--uno); /* Cambia este valor por el color que quieras */
    width: 18px;
    height: 18px;
}

/* Cambiar color de los botones de radio */
input[type="radio"] {
    accent-color: var(--uno); /* Ajusta el color */
    width: 18px;
    height: 18px;
}

.formulario{
	padding:20px;
	background-color:var(--ocho)
}


.wpcf7 input[type="submit"]:disabled {
    background-color: var(--cuatro);
		color:var(--ocho);
    cursor: not-allowed;
}


.formulario-completo {
    display: flex;
    column-gap: 40px;
}

.formulario-medio {
    display: flex;
    flex-direction: column;
    width: 50%;
	justify-content:flex-start;
}

/*** sección Country & Phone con CF7 PENDIENTE revisión con integración F3***/

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
    color: black;
}

.intl-tel-input .selected-flag .iti-arrow {
    right: 0px;
}

.country-select .country-list .country-name, .country-select .country-list .flag {
    vertical-align: middle;
    color: black;
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-right: 6px;
    color: black;
}

/* sección Valores*/

.iconos-valores{
	color:var(--cinco);
	padding-left:3rem;
	font-size:2rem;
}

/* sección entradas */
.comments-area .no-comments {

    text-align: center;
    color: var(--cinco);
}
/*sección fondos*/

.tercio, .dos-tercios, .fondo-azul-claro, .fondo-azul-oscuro, .fondo-gris-claro, .fondo-gris-oscuro{
    margin: 0 !important;
}

.fondo-azul-claro, .fondo-azul-oscuro, .fondo-gris-claro, .fondo-gris-oscuro{
    padding: 20px;
}

.fondo-azul-claro{
	background-color:var(--uno)
}

.fondo-azul-oscuro{
	background-color:var(--siete)
}

.fondo-gris-claro{
	background-color:var(--siete)
}

.fondo-gris-oscuro{
	background-color:var(--ocho)
}

.sobre-nosotros {
	background-color:var(--siete);
}

.articulos-resaltados{
	background-color:var(--ocho);
	padding: 20px;
}

/*contenedores*/
.nosotros{
	display:flex;
}

.tercio{
	width:40% !important;
}

.dos-tercios{
	width:60% !important;
}

.nosotros, .tercio, .dos-tercios{
	box-sizing:border-box;
}

/* ===> INICIO FOOTER <=== */

/* ===> FIN FOOTER <=== */

/*  ===>  INICIO AREA RWD  <===  */
/* Para tablets (máximo 1024px) - 2 columnas */
@media (max-width: 1024px) {
    .ultimas-entradas {
        grid-template-columns: repeat(2, 1fr);
    }
	li .lista-marca::before{
	content: "✔"; /* Cambia este símbolo por el que prefieras */
    color: var(--cinco); /* Color del símbolo */
	}
	.articulos-resaltados h2, .articulos-resaltados h3, .articulos-resaltados h4 {
     hyphens: auto;
}
	.servicios .articulos-resaltados h2 {
    font-size: 1.1rem;
}
}

/* Para móviles (máximo 768px) - 1 columna */
@media (max-width: 768px) {
    .ultimas-entradas {
        grid-template-columns: repeat(1, 1fr);
    }
	.ultimas-entradas li {
		height:220px;
	}
	li .lista-marca::before{
	content: "✔"; /* Cambia este símbolo por el que prefieras */
    color: var(--cinco); /* Color del símbolo */
	}
	
	.formulario-completo {
    display: flex;
	flex-direction:column;
    row-gap:0px;
}

.formulario-medio {
    width: 100%;
}

.nosotros{
		flex-direction:column;
	}

	
}



/* ===> INI COMPLIANZ <=== */

#cmplz-cookies-overview .cmplz-dropdown, div.cmplz-description {
    background-color: #001856;
}

 #cmplz-document .cmplz-dropdown .cookies-per-purpose div {
    background-color: #0833a2;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,  #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
    background-color: #142f73;
}

 #cmplz-cookies-overview a::after {
	color:white;

}

#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
    background-color: rgb(239 239 239 / 20%);
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    font-size: var(--cmplz_category_header_active_font_size);
    color: var(--cinco);
}

/* ===> FIN COMPLIANZ <=== */

/*  ===>  FIN AREA RWD  <===  */



/*  ===>  prueba <===*/

/*colocar al final de todo*/
/*INICIO ---PÁGINA DE ENSAYO---*/
/* REQUIERE PERSONALIZACIÓN*/

/*FIN ----PÁGINA DE ENSAYO--**/