/*
Theme Name:  Valles Occidentales
Author:      MadeWordPress
Author URI:  http://madewordpress.com/
Theme URI:   http://madewordpress.com/
Description:
Template:    vantage
Version:     1.0.0
License:
Tags:
Text Domain: vallesoccidentales
*/

/******************************************* SELECTORES ******************************************/

/*

:root -> Para "document"

TAGS:
-----

*       -> Todos los elementos
div p   -> Todos los "p" dentro de un "div"
div > p -> Todos los "p" cuyo padre es un "div"
div + p -> Todos los "p" que van inmediatamente después de un "div"
div ~ p -> Cada "p" que va precedido de un "div"

:not(p) -> Cada elemento que NO es un "p"

:before       -> Antes
:after        -> Después
:empty        -> Vacío
:selection    -> Lo que está seleccionado
:target       -> El elemento en el que se ha hecho click
:first-letter -> La primera letra
:first-line   -> La primera línea
:lang(es)     -> Con atributo "lang" = "es"

ATRIBUTOS:
----------

[title]             -> Elemento/s que tienen "title"
[title  = "flower"] -> Elemento/s cuyo "title"               es igual a "flower"
[title ~= "flower"] -> Elemento/s cuyo "title" contiene      la palabra "flower"
[title |= "flower"] -> Elemento/s cuyo "title" empieza   por la palabra "flower"
[title ^= "flower"] -> Elemento/s cuyo "title" empieza   por la cadena  "flower"
[title $= "flower"] -> Elemento/s cuyo "title" acaba     por la cadena  "flower"
[title *= "flower"] -> Elemento/s cuyo "title" contiene      la cadena  "flower"

ENLACES:
--------

:active  -> Activo
:hover   -> Enfoque
:visited -> Visitado
:link    -> No visitado

INPUTS:
-------

:checked    -> Checked
:disabled   -> Disabled
:enabled    -> NO disabled
:focus      -> Con foco
:in-range   -> Con valor dentro de un rango
:out-range  -> Con valor fuera  de un rango
:invalid    -> Con valor    válido
:invalid    -> Con valor no válido
:required   -> Con "required" (sólo para "input")
:optional   -> Sin "required" (sólo para "input")
:read-only  -> Con "readonly" (sólo para "input")
:read-write -> Sin "readonly" (sólo para "input")

NODES:
------

p:first-of-type     -> Cada "p" que es el primer "p" de su padre
p:last-of-type      -> Cada "p" que es el último "p" de su padre
p:nth-of-type(n)    -> Cada "p" que es el "n" "p" de su padre
p:nth-last-child(n) -> Cada "p" que es el "n" "p" de su padre, contanto desde el final

p:first-child       -> Cada "p" que es el primer hijo de su padre
p:last-child        -> Cada "p" que es el último hijo de su padre
p:nth-child(n)      -> Cada "p" que es el "n" hijo de su padre
p:nth-last-child(n) -> Cada "p" que es el "n" hijo de su padre, contanto desde el final

p:only-child        -> Cada "p" que es el único hijo de su padre
p:only-of-type      -> Cada "p" que es el único "p" de su padre

*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rojo Oscuro: D74F41 rgb(215, 79, 65) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: EBA7A0 rgb(235,167,160) */
/*     Rojo Claro: F5D3CF rgb(245,211,207) */
/* Rojo Muy Claro: FAE9E7 rgb(250,233,231) */

/*           Añil: 143046 rgb( 20, 48, 70) */
/*          Ambar: E6AF40 rgb(230,175, 64) */
/*          Oliva: 4C5335 rgb( 76, 83, 53) */
/*          Crema: FAEFD9 rgb(250,239,217) */

/******************************************** Z-INDEX ********************************************/

/*
   9999 -> .main-navigation
    998 -> <nav>
*/

/******************************************* INCLUDES ********************************************/

 @import url("../vantage/style.css?q=20251005");
     @import url("style-header.css?q=20251005");
       @import url("style-home.css?q=20251005");
     @import url("style-footer.css?q=20251005");
      @import url("style-pages.css?q=20251005");
       @import url("style-blog.css?q=20251005");
    @import url("style-animate.css?q=20251005");
@import url("style-mwp-tooltip.css?q=20251005");

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');

:root {
	--color1-hex: #D74F41;
  --color2-hex: #999999;
  --color3-hex: #EBA7A0;
  --color4-hex: #F5D3CF;
	--color5-hex: #FAE9E7;

	 --color-añil-hex: #143046;
	--color-ambar-hex: #E6AF40;
	--color-oliva-hex: #4C5335;
	--color-crema-hex: #FAEFD9;

  --color1-rgb: 215, 79, 65;
  --color2-rgb: 153,153,153;
  --color3-rgb: 235,167,160;
  --color4-rgb: 245,211,207;
  --color5-rgb: 250,233,231;

	 --color-añil-rgb:  20, 48, 70;
	--color-ambar-rgb: 230,175, 64;
	--color-oliva-rgb:  76, 83, 53;
	--color-crema-rgb: 250,239,217;

	 --font-family-normal: "Figtree", sans-serif;
	 --font-family-narrow: "Figtree", sans-serif;
	--font-family-rowdies: "Rowdies", sans-serif;
}

html, body, div, applet, object, iframe, blockquote, abbr, acronym, address,
big, cite, del, dfn, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: var(--font-family-normal); }

h1, h2, h3, h4, h5, h6                             { font-family: var(--font-family-rowdies) !important; }
p, a, span, font, strong, em, sub, sup, ol, ul, li { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; }

/******************************************** GENERAL ********************************************/

#main                  { padding: 20px;          } /* No afecta a header ni a footer porque no son "main" */
#main div[id^="row"]   { padding: 0px;           } /* No afecta a header ni a footer porque no son "main" */
#main div[id^="row"] * { box-sizing: border-box; } /* No afecta a header ni a footer porque no son "main" */

a, a:active, a:hover, a:focus, a:visited { outline: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0px !important; line-height: 100%; }

:root { --size-h1: 48px; --size-h2: 42px; --size-h3: 36px; --size-h4: 30px; --size-h5: 24px; --size-h6: 20px; }

h1 { font-size: var(--size-h1) !important; font-weight: 900 !important; } h2 { font-size: var(--size-h2) !important; font-weight: 900 !important; }
h3 { font-size: var(--size-h3) !important; font-weight: 900 !important; } h4 { font-size: var(--size-h4) !important; font-weight: 400 !important; }
h5 { font-size: var(--size-h5) !important; font-weight: 400 !important; } h6 { font-size: var(--size-h6) !important; font-weight: 400 !important; }

@media (max-width: 980px) { :root { --size-h1: 42px; --size-h2: 36px; --size-h3: 30px; --size-h4: 24px; --size-h5: 20px; --size-h6: 18px; } }
@media (max-width: 780px) { :root { --size-h1: 36px; --size-h2: 30px; --size-h3: 24px; --size-h4: 20px; --size-h5: 18px; --size-h6: 16px; } }
@media (max-width: 580px) { :root { --size-h1: 30px; --size-h2: 24px; --size-h3: 20px; --size-h4: 18px; --size-h5: 16px; --size-h6: 14px; } }
@media (max-width: 380px) { :root { --size-h1: 24px; --size-h2: 20px; --size-h3: 18px; --size-h4: 16px; --size-h5: 14px; --size-h6: 13px; } }

@media (max-width: 980px) { .entry-content { font-size: 13px !important; } }
@media (max-width: 380px) { .entry-content { font-size: 12px !important; } }

*   { line-height: 140%; }
br  { line-height: inherit; }
img { line-height: 0px; }

MWP-COMMENT { display: none; }

/******************************************** FILTROS ********************************************/

:root {
	--filter-to-color1: brightness(0) saturate(100%) invert(75%) sepia(89%) saturate(5913%) hue-rotate(335deg) brightness( 88%) contrast(90%);
	  --filter-to-añil: brightness(0) saturate(100%) invert(15%) sepia( 8%) saturate(4292%) hue-rotate(164deg) brightness( 94%) contrast(92%);
	 --filter-to-ambar: brightness(0) saturate(100%) invert(91%) sepia(16%) saturate(7098%) hue-rotate(333deg) brightness(105%) contrast(80%);
	 --filter-to-oliva: brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(1064%) hue-rotate( 33deg) brightness( 98%) contrast(98%);
	 --filter-to-crema: brightness(0) saturate(100%) invert(97%) sepia( 6%) saturate(1528%) hue-rotate(306deg) brightness(105%) contrast(97%);
}

/******************************************** FONDOS *********************************************/

:root {
	          --fondo-abetos: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-abetos.png");
	          --fondo-curvas: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-curvas.png");
	       --fondo-curvas-24: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-curvas-24.png");
	--fondo-curvas-24-color1: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-curvas-24-color1.png");
}

.divBackgroundCurvasWhite        { position: relative; }
.divBackgroundCurvasWhite:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: var(--fondo-curvas); }
.divBackgroundCurvasWhite:before { background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.05; }

.divBackgroundCurvasBlack        { position: relative; }
.divBackgroundCurvasBlack:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: var(--fondo-curvas); }
.divBackgroundCurvasBlack:before { background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.05; filter: invert(1); }

/***************************************** FONDOS ROTOS ******************************************/

:root {
	--mask-fondo-1: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-1.png"), linear-gradient(transparent 140px, black 0px);
	--mask-fondo-2: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-2.png"), linear-gradient(transparent 140px, black 0px);
	--mask-fondo-3: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-3.png"), linear-gradient(transparent 140px, black 0px);
	--mask-fondo-4: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-4.png"), linear-gradient(transparent 140px, black 0px);
	--mask-fondo-5: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-5.png"), linear-gradient(transparent 140px, black 0px);
	--mask-fondo-6: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-6.png"), linear-gradient(transparent 140px, black 0px);
	--mask-fondo-7: url("/wp-content/themes/vallesoccidentales/images/miscelanea/fondo-roto-7.png"), linear-gradient(transparent 140px, black 0px);
}

.divMask                { position: relative; margin-top: -140px; }
.divMask:before         { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
.divMask1:before        { mask-image: var(--mask-fondo-1); }
.divMask2:before        { mask-image: var(--mask-fondo-2); }
.divMask3:before        { mask-image: var(--mask-fondo-3); }
.divMask4:before        { mask-image: var(--mask-fondo-4); }
.divMask5:before        { mask-image: var(--mask-fondo-5); }
.divMask6:before        { mask-image: var(--mask-fondo-6); }
.divMask7:before        { mask-image: var(--mask-fondo-7); }

.divMaskWhite:before  { background-color: #FFFFFF; }
.divMaskBlack:before  { background-color: #000000; }
.divMaskColor1:before { background-color: var(--color1-hex); }
.divMaskAñil:before   { background-color: var(--color-añil-hex); }
.divMaskAmbar:before  { background-color: var(--color-ambar-hex); }
.divMaskOliva:before  { background-color: var(--color-oliva-hex); }
.divMaskCrema:before  { background-color: var(--color-crema-hex); }

/******************************************** ICONOS *********************************************/

:root {
	    --icono-cultural: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-cultural.png"    );
	      --icono-activo: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-activo.png"      );
	--icono-gastronomico: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-gastronomico.png");
	    --icono-familiar: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-familiar.png"    );

	       --icono-comer: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-comer.png"       );
	      --icono-dormir: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-dormir.png"      );
	       --icono-hacer: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-hacer.png"       );

	  --icono-map-marker: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-map-marker.png"  );
	       --icono-phone: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-phone.png"       );
	    --icono-envelope: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-envelope.png"    );
			     --icono-web: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-web.png"         );
			 --icono-booking: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-booking.png"     );
	  --icono-arrow-left: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-arrow-left.png"  );
	 --icono-arrow-right: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-arrow-right.png" );
	        --icono-zoom: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-zoom.png"        );
				--icono-plegar: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-plegar.png"      );
		 --icono-desplegar: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-desplegar.png"   );
			  --icono-adults: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-adults.png"      );
			--icono-children: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-children.png"    );
			--icono-calendar: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-calendar.png"    );
			   --icono-clock: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-clock.png"       );

	    --icono-facebook: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-facebook.png"    );
	   --icono-instagram: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-instagram.png"   );
	     --icono-youtube: url("/wp-content/themes/vallesoccidentales/images/iconos/icono-youtube.png"     );
}

.mwp-icon         { background-repeat: no-repeat; background-position: center; background-size: contain; display: block; }
.mwp-icon256      { width: 256px; height: 256px; }
.mwp-icon128      { width: 128px; height: 128px; }
.mwp-icon64       { width:  64px; height:  64px; }
.mwp-icon48       { width:  48px; height:  48px; }
.mwp-icon32       { width:  32px; height:  32px; }
.mwp-icon24       { width:  24px; height:  24px; }
.mwp-icon16       { width:  16px; height:  16px; }

.mwp-cultural     { background-image: var(--icono-cultural);     filter: var(--filter-to-añil);   }
.mwp-activo       { background-image: var(--icono-activo);       filter: var(--filter-to-oliva);  }
.mwp-gastronomico { background-image: var(--icono-gastronomico); filter: var(--filter-to-color1); }
.mwp-familiar     { background-image: var(--icono-familiar);     filter: var(--filter-to-ambar);  }

.mwp-comer        { background-image: var(--icono-comer);                                         }
.mwp-dormir       { background-image: var(--icono-dormir);                                        }
.mwp-hacer        { background-image: var(--icono-hacer);                                         }

.mwp-map-marker   { background-image: var(--icono-map-marker);   filter: var(--filter-to-color1); }
.mwp-phone        { background-image: var(--icono-phone);        filter: var(--filter-to-color1); }
.mwp-envelope     { background-image: var(--icono-envelope);     filter: var(--filter-to-color1); }
.mwp-web          { background-image: var(--icono-web);          filter: var(--filter-to-color1); }
.mwp-booking      { background-image: var(--icono-booking);      filter: var(--filter-to-color1); }
.mwp-arrow-left   { background-image: var(--icono-arrow-left);   filter: var(--filter-to-color1); }
.mwp-arrow-right  { background-image: var(--icono-arrow-right);  filter: var(--filter-to-color1); }
.mwp-zoom         { background-image: var(--icono-zoom);         filter: var(--filter-to-color1); }
.mwp-plegar       { background-image: var(--icono-plegar);       filter: var(--filter-to-color1); }
.mwp-desplegar    { background-image: var(--icono-desplegar);    filter: var(--filter-to-color1); }
.mwp-adults       { background-image: var(--icono-adults);       filter: var(--filter-to-color1); }
.mwp-children     { background-image: var(--icono-children);     filter: var(--filter-to-color1); }
.mwp-calendar     { background-image: var(--icono-calendar);     filter: var(--filter-to-color1); }
.mwp-clock        { background-image: var(--icono-clock);        filter: var(--filter-to-color1); }

.mwp-facebook     { background-image: var(--icono-facebook);     filter: var(--filter-to-color1); }
.mwp-instagram    { background-image: var(--icono-instagram);    filter: var(--filter-to-color1); }
.mwp-youtube      { background-image: var(--icono-youtube);      filter: var(--filter-to-color1); }

@media (max-width: 980px) { .mwp-icon256 { width: 192px; height: 192px; } .mwp-icon128 { width: 96px; height: 96px; } .mwp-icon64 { width: 56px; height: 56px; } }
@media (max-width: 780px) { .mwp-icon256 { width: 144px; height: 144px; } .mwp-icon128 { width: 72px; height: 72px; } .mwp-icon64 { width: 48px; height: 48px; } }
@media (max-width: 580px) { .mwp-icon256 { width: 128px; height: 128px; } .mwp-icon128 { width: 56px; height: 56px; } .mwp-icon64 { width: 44px; height: 44px; } }
@media (max-width: 380px) { .mwp-icon256 { width:  96px; height:  96px; } .mwp-icon128 { width: 48px; height: 48px; } .mwp-icon64 { width: 42px; height: 42px; } }

@media (max-width: 980px) { .mwp-icon48  { width:  44px; height:  44px; } .mwp-icon32  { width: 30px; height: 30px; } .mwp-icon24 { width: 22px; height: 22px; } .mwp-icon16 { width: 14px; height: 14px; } }
@media (max-width: 780px) { .mwp-icon48  { width:  42px; height:  42px; } .mwp-icon32  { width: 28px; height: 28px; } .mwp-icon24 { width: 20px; height: 20px; } }
@media (max-width: 580px) { .mwp-icon48  { width:  40px; height:  40px; } .mwp-icon32  { width: 26px; height: 26px; } .mwp-icon24 { width: 18px; height: 18px; } }
@media (max-width: 380px) { .mwp-icon48  { width:  38px; height:  38px; } .mwp-icon32  { width: 24px; height: 24px; } .mwp-icon24 { width: 16px; height: 16px; } }

/******************************************** SAFARI *********************************************/

div#ui-datepicker-div { z-index: 1000 !important; } /* CF7 - input type date */

/******************************************** TEXTOS *********************************************/

.textColor1       { color: var(--color1-hex); }
.textColor2       { color: var(--color2-hex); }
.textColor3       { color: var(--color3-hex); }
.textColor4       { color: var(--color4-hex); }
.textColor5       { color: var(--color5-hex); }

.backgroundColor1 { background-color: var(--color1-hex); }
.backgroundColor2 { background-color: var(--color2-hex); }
.backgroundColor3 { background-color: var(--color3-hex); }
.backgroundColor4 { background-color: var(--color4-hex); }
.backgroundColor5 { background-color: var(--color5-hex); }

.pJustify                  { text-align: justify; }
.pFirstLetter:first-letter { float: left; margin-right: 10px; color: var(--color3-hex); font-size: 74px; font-weight: 600; line-height: 90%; }

.Ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Narrow   { font-family: var(--font-family-narrow) !important; }

.two-columns   { column-count: 2; column-gap: 60px; column-rule: solid 1px var(--color4-hex); } /* Texto a 2 columnas */
.three-columns { column-count: 3; column-gap: 40px; column-rule: solid 1px var(--color4-hex); } /* Texto a 3 columnas */
.four-columns  { column-count: 4; column-gap: 35px; column-rule: solid 1px var(--color4-hex); } /* Texto a 4 columnas */
.five-columns  { column-count: 5; column-gap: 30px; column-rule: solid 1px var(--color4-hex); } /* Texto a 5 columnas */

@media (max-width: 780px) {
	.two-columns   { column-count: 1; column-gap: 0px; column-rule: none; }
	.three-columns { column-count: 1; column-gap: 0px; column-rule: none; }
	.four-columns  { column-count: 1; column-gap: 0px; column-rule: none; }
	.five-columns  { column-count: 1; column-gap: 0px; column-rule: none; }
}

br380, br480, br580, br680, br780, br880, br980, br1080, br1180, br1280, br1380, br1480, br1580, br1680, br1780, br1880, br1980, br5080 { line-height: inherit; }

 br380:before { content: " "; } @media (max-width:  380px) {  br380:before { content: "\A"; white-space: pre-line; } }
 br480:before { content: " "; } @media (max-width:  480px) {  br480:before { content: "\A"; white-space: pre-line; } }
 br580:before { content: " "; } @media (max-width:  580px) {  br580:before { content: "\A"; white-space: pre-line; } }
 br680:before { content: " "; } @media (max-width:  680px) {  br680:before { content: "\A"; white-space: pre-line; } }
 br780:before { content: " "; } @media (max-width:  780px) {  br780:before { content: "\A"; white-space: pre-line; } }
 br880:before { content: " "; } @media (max-width:  880px) {  br880:before { content: "\A"; white-space: pre-line; } }
 br980:before { content: " "; } @media (max-width:  980px) {  br980:before { content: "\A"; white-space: pre-line; } }
br1080:before { content: " "; } @media (max-width: 1080px) { br1080:before { content: "\A"; white-space: pre-line; } }
br1180:before { content: " "; } @media (max-width: 1180px) { br1180:before { content: "\A"; white-space: pre-line; } }
br1280:before { content: " "; } @media (max-width: 1280px) { br1280:before { content: "\A"; white-space: pre-line; } }
br1380:before { content: " "; } @media (max-width: 1380px) { br1380:before { content: "\A"; white-space: pre-line; } }
br1480:before { content: " "; } @media (max-width: 1480px) { br1480:before { content: "\A"; white-space: pre-line; } }
br1580:before { content: " "; } @media (max-width: 1580px) { br1580:before { content: "\A"; white-space: pre-line; } }
br1680:before { content: " "; } @media (max-width: 1680px) { br1680:before { content: "\A"; white-space: pre-line; } }
br1780:before { content: " "; } @media (max-width: 1780px) { br1780:before { content: "\A"; white-space: pre-line; } }
br1880:before { content: " "; } @media (max-width: 1880px) { br1880:before { content: "\A"; white-space: pre-line; } }
br1980:before { content: " "; } @media (max-width: 1980px) { br1980:before { content: "\A"; white-space: pre-line; } }
br5080:before { content: " "; } @media (max-width: 5080px) { br5080:before { content: "\A"; white-space: pre-line; } }

.blink { -webkit-animation: blink-animation 1s steps(5, start) infinite; animation: blink-animation 1s steps(5, start) infinite; } /* Parpadeo */
@-webkit-keyframes blink-animation { to { visibility: hidden; } }
@keyframes blink-animation         { to { visibility: hidden; } }

.blink-alpha { -webkit-animation: blink-alpha-animation 2s infinite; animation: blink-alpha-animation 2s infinite; } /* Parpadeo */
@-webkit-keyframes blink-alpha-animation { 0%, 100% { opacity: 1; } 50% { opacity: 0.1; } }
@keyframes blink-alpha-animation         { 0%, 100% { opacity: 1; } 50% { opacity: 0.1; } }

/***************************************** EFECTOS HOVER *****************************************/

.hoverCursorZoom:hover { cursor: zoom-in; }

.hoverScale105,
.hoverScale110,
.hoverScale120,
.hoverScale130,
.hoverScale140,
.hoverScale150       { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.hoverScale105:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.hoverScale110:hover { -webkit-transform: scale(1.10); transform: scale(1.10); }
.hoverScale120:hover { -webkit-transform: scale(1.20); transform: scale(1.20); }
.hoverScale130:hover { -webkit-transform: scale(1.30); transform: scale(1.30); }
.hoverScale140:hover { -webkit-transform: scale(1.40); transform: scale(1.40); }
.hoverScale150:hover { -webkit-transform: scale(1.50); transform: scale(1.50); }

/****************************************** SEPARADORES ******************************************/

.divSeparadorV10 { clear: both; width: 100%; height: 10px; }
.divSeparadorV15 { clear: both; width: 100%; height: 15px; }
.divSeparadorV20 { clear: both; width: 100%; height: 20px; }
.divSeparadorV30 { clear: both; width: 100%; height: 30px; }
.divSeparadorV40 { clear: both; width: 100%; height: 40px; }

.divSeparadorH10 { width: 10px; }
.divSeparadorH15 { width: 15px; }
.divSeparadorH20 { width: 20px; }
.divSeparadorH30 { width: 30px; }
.divSeparadorH40 { width: 40px; }

/******************************************* BOTONES  ********************************************/

.aButton       { padding: 10px 30px 5px 30px; -webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important; }
.aButton       { font-size: 16px; font-weight: 600; border-radius: 20px; text-decoration: none !important; cursor: pointer; }
.aButton       { color: #FFFFFF !important; background: var(--color1-hex); border: none; }
.aButton:hover { transform: scale(1.1); color: #000000 !important; background: var(--color5-hex);  }

@media (max-width:  980px) { .aButton { padding: 10px 25px 5px 25px; border-radius: 15px; } }
@media (max-width:  780px) { .aButton { padding: 10px 20px 5px 20px; } }
@media (max-width:  580px) { .aButton { font-size: 14px; border-radius: 10px; } }

.aVerMasWhiteRight             { font-size: 13px; font-weight: 600; color: #FFFFFF !important; text-decoration: none; letter-spacing: 2px; }
.aVerMasWhiteRight             { display: flex; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.aVerMasWhiteRight:after       { content: ""; margin-left: 10px; width: 16px; height: 16px; text-decoration: none; background-image: var(--icono-arrow-right); }
.aVerMasWhiteRight:after       { background-repeat: no-repeat; background-size: contain; filter: var(--filter-to-color1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.aVerMasWhiteRight:hover       { font-size: 110%; }
.aVerMasWhiteRight:hover:after { transform: scale(1.1); }

.aVerMasAñilRight             { font-size: 13px; font-weight: 600; color: var(--color-añil-hex) !important; text-decoration: none; letter-spacing: 2px; }
.aVerMasAñilRight             { display: flex; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.aVerMasAñilRight:after       { content: ""; margin-left: 10px; width: 16px; height: 16px; text-decoration: none; background-image: var(--icono-arrow-right); }
.aVerMasAñilRight:after       { background-repeat: no-repeat; background-size: contain; filter: var(--filter-to-color1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.aVerMasAñilRight:hover       { font-size: 110%; }
.aVerMasAñilRight:hover:after { transform: scale(1.1); }
