/*
Theme Name: PoliclÃnica Galileo
Author: MadeWordPress
Author URI: http://madewordpress.com/
Theme URI: http://madewordpress.com/
Description:
Template: vantage
Version: 1.0.0
License:
Tags:
Text Domain: poligalileo
*/
/******************************************* 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 ****************************************/
/* Color Oscuro: 805F80 rgb(128, 95,128) */
/* Gris: 999999 rgb(153,153,153) */
/* Color Medio: BFAFBF rgb(191,175,191) */
/* Color Claro: DFD7DF rgb(223,215,223) */
/* Color muy Claro: EFEBEF rgb(239,235,239) */
/* Color muy Oscuro: 2D1F4F rgb( 45, 31, 79) */
/* Color Azul: 5780A3 rgb( 87,128,163) */
/******************************************** Z-INDEX ********************************************/
/*
9999 -> .main-navigation
998 -> <nav>
*/
/******************************************* INCLUDES ********************************************/
@import url("../vantage/style.css?q=20230601");
@import url("style-header.css?q=20230601");
@import url("style-home.css?q=20230601");
@import url("style-footer.css?q=20230601");
@import url("style-pages.css?q=20230601");
@import url("style-blog.css?q=20230601");
@import url("style-animate.css?q=20230601");
@import url("style-mwp-tooltip.css?q=20230601");
@import url("style-kd.css?q=20230601");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");
:root {
--color1-hex: #805F80;
--color2-hex: #999999;
--color3-hex: #BFAFBF;
--color4-hex: #DFD7DF;
--color5-hex: #EFEBEF;
--color-muy-oscuro-hex: #2D1F4F;
--color-azul-hex: #5780A3;
--color1-rgb: 128, 95,128;
--color2-rgb: 153,153,153;
--color3-rgb: 191,175,191;
--color4-rgb: 223,215,223;
--color5-rgb: 239,235,239;
--color-muy-oscuro-rgb: 45, 31, 79;
--color-azul-rgb: 87,128,163;
--font-family-normal: "Montserrat", sans-serif;
--font-family-narrow: "Montserrat", sans-serif;
--font-family-extra-narrow: "Montserrat", 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); }
* { line-height: 140%; }
br { line-height: inherit; }
img { line-height: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-family-normal); }
p, a, span, font, strong, em, sub, sup, ol, ul, li { font-family: inherit; font-size: inherit; color: inherit; }
/******************************************** GENERAL ********************************************/
#main { padding: 20px; } /* 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: 40px; --size-h2: 36px; --size-h3: 30px; --size-h4: 28px; --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: 700 !important; } h4 { font-size: var(--size-h4) !important; font-weight: 700 !important; }
h5 { font-size: var(--size-h5) !important; font-weight: 600 !important; } h6 { font-size: var(--size-h6) !important; font-weight: 600 !important; }
@media (max-width: 980px) { :root { --size-h1: 36px; --size-h2: 32px; --size-h3: 28px; --size-h4: 26px; --size-h5: 22px; --size-h6: 18px; } }
@media (max-width: 780px) { :root { --size-h1: 32px; --size-h2: 28px; --size-h3: 26px; --size-h4: 24px; --size-h5: 20px; --size-h6: 16px; } }
@media (max-width: 580px) { :root { --size-h1: 28px; --size-h2: 24px; --size-h3: 24px; --size-h4: 22px; --size-h5: 18px; --size-h6: 14px; } }
@media (max-width: 380px) { :root { --size-h1: 24px; --size-h2: 20px; --size-h3: 22px; --size-h4: 20px; --size-h5: 16px; --size-h6: 14px; } }
@media (max-width: 780px) { .entry-content { font-size: 14px !important; } }
@media (max-width: 580px) { .entry-content { font-size: 13px !important; } }
@media (max-width: 380px) { .entry-content { font-size: 12px !important; } }
MWP-COMMENT { display: none; }
/*************************************** FONDOS Y FILTROS ****************************************/
:root {
--fondo-footer: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-footer.jpg");
--fondo-home-cita: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-home-cita.jpg");
--fondo-home-cuadros: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-home-cuadros.jpg");
--fondo-home-diagnostico: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-home-diagnostico.jpg");
--fondo-home-especialidades: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-home-especialidades.jpg");
--fondo-home-especialistas: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-home-especialistas.jpg");
--chica-tablet: url("/wp-content/themes/poligalileo/images/miscelanea/chica-tablet.png");
--fondo-azul: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-azul.jpg");
--fondo-page: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-page.jpg");
--fondo-page-izda: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-page-izda.jpg");
--fondo-page-dcha: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-page-dcha.jpg");
--doctor: url("/wp-content/themes/poligalileo/images/miscelanea/doctor.png");
--fondo-protos-servicios: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-protos-servicios.jpg");
--fondo-protos-quien: url("/wp-content/themes/poligalileo/images/miscelanea/fondo-protos-quien.jpg");
--filtro-to-color1: invert(48%) sepia(15%) saturate(859%) hue-rotate(251deg) brightness(80%) contrast(85%);
--filtro-to-FFFFFF: invert(100%);
}
/******************************************** 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: 10px; text-decoration: none !important; line-height: 120%; 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; } }
@media (max-width: 780px) { .aButton { padding: 10px 20px 5px 20px; } }
@media (max-width: 580px) { .aButton { font-size: 14px; border-radius: 6px; } }