/*
Theme Name: La Barba V3
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta con nosotros en r.narros@labarbadelseo.com
Text Domain: LaBarba
*/

:root {
  --TitleLargeSize: 22px;
  --TitleLargeLineHeight: 28px;
  --FontFamilyMain: 'Roboto', sans-serif;
}


#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{ background-image: url('images/barbadelseo.png');    content: '';   width: 19px;   height: 24px;   top: 0;   background-color: #fff;   display: block; background-size: cover;}
body{ font-family: var(--FontFamilyMain), 'Montserrat','Roboto','Lato', 'Open Sans', sans-serif;    margin: 92px 0 0 0!important;  color:#393939;font-size: 16px;}
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; background: linear-gradient(180deg, #FAFCFE 0%, #F7F7F7 100%);}
body{    margin: 65px 0 100px 0!important;}
hr{clear:both;border: 1px solid #000;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family: 'Roboto';    font-weight: 700; color:#000000; margin: 0;}
h1 {  font-size: 20px;  font-weight: 500;   }
h2{ font-size: 30px;}
h3{ font-size: 24px;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px}
.autor{font-size: 10px}
footer {padding: 10px 0 0; }
footer .centro {}
.foomov {  display: none;  background-color: #000;}
.flex4c.foomov .iflex {  color: white;  text-align: center;}

a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 99; }

body.wordpress nav.navbar.fixed {    }

nav.navbar .navbar-header{float: left;width: 20%;}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;  background: transparent;    top: 15px;     }
body.customize-support nav.navbar .navbar-header button.navbar-toggle{top:50px;}

.navbar-cont{display: flex;justify-content: center;align-items: center; width: 100%;  height: 64px; background: #F7FCFE; border-bottom: 1px solid #EFF2F4; flex: 0 0 auto; }
.navbar-cont .tit{text-align: center; margin: auto; width: calc(100% - 90px); box-sizing: border-box; padding: 0 3%;     font-size: 20px;font-weight: 500;}
.navbar-cont .izda{position: absolute; left: 20px;    padding: 15px;  transform: translateX(-15px);}
.navbar-cont .dcha{position: absolute; right: 20px; padding: 15px;  transform: translateX(15px);}


nav.navbar .navbar-header button.navbar-toggle.collapsed{}
nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 4px;display: block;width: 25px;height: 3px;border-radius: 1px;background: #000; }
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;}

nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: flex-end;}
nav.navbar #navbar ul li{  padding: 36px 1%; position: relative;width: auto;margin: 0px 1%; text-align: center;flex-direction: column;text-decoration: none;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}
nav.navbar #navbar ul li:nth-last-of-type(1){  padding-right: 0;margin-right: 0; }
nav.navbar #navbar ul li a{color: #000;text-decoration: none;font-size: 14px;}
body.wordpress nav.navbar.fixed #navbar ul li a{color: #000; }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: #000; }
nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li.current-menu-item > a{color: #000 !important; }
nav.navbar #navbar ul li:hover ul{display: block;}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 1% 0;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 1%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

.toggle-switch {  position: relative;  width: 34px;  height: 18px;}
.toggle-switch input {  opacity: 0;  width: 0;  height: 0;}
.toggle-switch label {  position: absolute;  cursor: pointer;  background-color: #ccc;  border-radius: 50px;  width: 100%;  height: 100%;  transition: background-color 0.3s ease;}
.toggle-switch label::before {  content: "";  position: absolute;  background-color: #fff;  border-radius: 50%;  width: 14px;  height: 14px;  top: 2px;  left: 2px;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);  transition: transform 0.3s ease;}
.toggle-switch input:checked + label {  background-color: #6DB1F5;}
.toggle-switch input:checked + label::before {  transform: translateX(16px);}

.welcome-container {  text-align: center;  color: #333;  padding: 20px; background-color: #f9f9f9;  min-height: 100dvh;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.welcome-container h1 {  font-size: 20px;  margin-bottom: 20px;  color: #333;}
.logo {  max-width: 150px;  margin-bottom: 30px;}
.button-group { }
.button-group .button{margin-bottom: 34px; margin-top: 34px;}
.button {  text-decoration: none;  text-align: center;  padding: 15px 30px;   font-weight: bold;  display: inline-block;  transition: background-color 0.3s, transform 0.2s; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-sizing: border-box;  border-radius: 15px; box-shadow: 0px 0px 1px 0px #7C466826;  font-size: var(--TitleLargeSize);  font-weight: 600;  line-height: var(--TitleLargeLineHeight);  letter-spacing: var(--TitleLargeTracking); width: fit-content; text-decoration: none;    width: 100%;}
.button.azul {  background-color: #4a90e2;  color: white;}
.button.azul:hover {  background-color: #367bc9;  transform: translateY(-3px);}
.button.gris {  background-color: #545A6F;  color: white;}
.button.gris:hover {  background-color: #43475c;  transform: translateY(-3px);}
.button span {  display: block;  font-size: 15px;  font-weight: 400;  line-height: var(--TitleLargeLineHeight);  letter-spacing: var(--TitleLargeTracking);  text-align: center;    }
.contenido-login{min-height: calc(100vh - 137px);display: flex;      flex-direction: column;      justify-content: center;}
.contenido-login .button{width: 100%;}
.logo-login{margin: auto; max-width: 138px;margin-bottom: 0;}
.contenido-login .button-group{margin-bottom: auto;}
.cont-blanco{box-shadow: 0px 0px 1px 0px #7C466826; border-radius: 15px; background-color: #FFF; padding: 20px 15px 15px 15px; display: block;}
.date-container{height: 100px; flex-shrink: 0; width: 100%; position: relative;}


.bkgrad{background: linear-gradient(180deg, #FAFCFE 0%, #F7F7F7 100%);}
.titulo-peq{ font-size: 17px; font-weight: 400; color: #393939; padding-left: 15px; padding-bottom: 15px; }

.grafica-actual{padding-bottom: 25px;}
.cont-graficas .titulo-peq{padding-bottom: 8px;}
.graficas-anteriores .cont-grafica{ margin-bottom: 8px;}
.graficas-anteriores .grafica{ display: flex; justify-content: space-between; align-items: center;}
.graficas-anteriores .cont-grafica .txt-cont .txt{}
.graficas-anteriores .cont-grafica .txt-cont .exportar-pdf{display: flex;}
.graficas-anteriores .cont-grafica .txt-cont .txt{padding-bottom: 0;   font-weight: 600;  font-size: 17px;  line-height: 120%;}
.grafica-actual .cont-grafica .txt-cont .txt{font-weight: 600;  font-size: 17px;  line-height: 120%;}

.page-template-page-login-php nav.navbar .ico{display: none;}
.ellogin{ position: fixed;  width: 100vw;  height: calc(100vh - 64px);  top: 64px;  left: 0px;  background: #F7F7F7; z-index: 2;display: flex; flex-direction: column; align-items: center; justify-content: start; gap: 25px;}
.password-field {    position: relative;}
.password-field input {    width: 100%;    padding-right: 44px;}
.toggle-password {    position: absolute;    right: 12px;    top: 50%;    transform: translateY(-50%);    background: none;    border: none;    padding: 0;    cursor: pointer;    opacity: 0.6 !important;    margin-top: 0 !important;    width: fit-content !important;}
.toggle-password:hover {    opacity: 1 !important;}
.icon-eye {    width: 20px;    height: 20px;    fill: #666;}
.ellogin .lost-pass{text-decoration: none; color: #6DB1F5; padding-top: 15px; display: block;}
.ellogin .conte{padding: 25px 20px; box-sizing: border-box; width: 100%; overflow: auto;}
.ellogin .conte input{/*margin-bottom: 10px;*/}
.page-page-logi-php .ellogin .conte input{margin-bottom: 10px;}
.ellogin .conte input.num{width: 190px; min-width: 30%;  margin: auto;  display: block;  margin-bottom: 10px;  border-bottom: 1px solid #ebe3e8;  border-radius: 0; max-width: 70%; background-color: transparent; box-shadow: none;text-align: center;padding-bottom: 12px;   font-size: 35px;  font-weight: 500; color: #352C38;  }
.ellogin .conte input.num::placeholder{text-align: center;}
.ellogin h3{margin-bottom: 7px;}
.ellogin textarea{width: 100%; min-height: 100px;}
.divisor{position: relative; height: 1px; background-color: #FFFFFF;}
.divisor::before{content: '';position: absolute; border: 1px solid #FFFFFF; width: 100%; height: 1px; right: 0; left: 0; height: 8px; width: 8px; background-color: #6DB1F5; border-radius: 100px; margin: auto; top: -5px;}
input, textarea{font-family: 'Roboto';}
.boton-modal textarea{box-shadow: 0;padding-left: 15px; position: relative;}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], textarea{box-shadow: 0px 0px 1px 0px #7C466826;  padding: 15px;  border-radius: 15px;  border: 1px solid transparent;font-size: 17px;  font-weight: 400;  width: 100%; text-align: left; box-sizing: border-box;}
input[type="submit"], button, .btn{box-shadow: 0px 0px 1px 0px #7C466826;  padding: 15px;  border-radius: 15px;  border: 1px solid transparent;background-color: #6DB1F5; color: white;  font-size: 18px;  font-weight: 600;   width: 100%; text-align: left; text-align: center; text-decoration: none;display: block; box-sizing: border-box;}

.abso{position: absolute; position: fixed;  width: 100dvw;height: 100dvh;  left: 0;  top: 0;  z-index: 99;  background: linear-gradient(180deg, #FAFCFE 0%, #F7F7F7 100%);}
.abso .cent{padding-top: 20px;}
.abso.blanco{background-color: white;}
.dis{opacity: .3; pointer-events: none;}

.front-page .cont-ini{text-align: center;padding-top: 40px;}
.front-page .cont-ini .bienv{  font-size: 17px;  font-weight: 400;  line-height: var(--TitleLargeLineHeight);     }
.front-page .cont-ini h1{  font-size: 26px;  font-weight: 600;  line-height: var(--TitleLargeLineHeight);  position: relative; display: flex; margin: auto; align-items: center;width: fit-content; padding-left: 48px;}
.front-page .icoedit{padding: 10px; box-sizing: border-box; display: flex; /* position: absolute; right: -20px;*/}
.front-page #editform{}
.front-page .contbt{display: flex; justify-content: flex-start; align-items: center;padding-bottom: 18px;   }
.front-page .contbt .ri.ante{margin-left: 0;}
.front-page .grafica-actual .cont-grafica .txt-cont .contbt .txt{margin: auto;}

.editar-perfil{}
.editar-perfil input{ margin-bottom: 25px; margin-top: 8px;}

/*Añadir día*/
.calendar-container {  overflow-x: auto;  white-space: nowrap;  display: flex;  gap: 10px;  padding: 35px 10px;  border-radius: 10px;  margin: auto; margin-top: 0;   width: calc(100% + 40px);  margin-left: -20px; box-sizing: border-box; margin-bottom: 15px;}   
.calendar-container .day {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  width: 40px;  height: 40px;  border-radius: 50%;  text-decoration: none;  color: #352C38;  font-size: 16px;  font-weight: bold;  transition: 0.3s;  background: linear-gradient(180deg, #FAFCFE 0%, #F7F7F7 100%)  ;  /* display: block; */  box-sizing: border-box;  flex: 1 0 40px;    color: #B6B6B640; }
.calendar-container .day.today {  background: #6DB1F5 !important;  color: white !important;}
.calendar-container .day:hover {  transform: scale(1.1);}
.calendar-container .day small{    display: block;    margin-top: -30px;    color: #49454F;    font-size: 12px;}
.finalizar-grafica{margin-bottom: 20px;}
.day.maxtemp{border: 1px solid #FB6081; position: relative;}
.day.maxtemp::after{content: url(images/icono-termometro.svg);    position: absolute;  top: 0;  right: 0;  /* background: white; */}
.day.maxtemp.today::after{background-color: transparent;}
.calendar-container .dia-activo{color: #352C38;}
.calendar-container .day{position: relative;}
.day .muco{content: '';    position: absolute;  width: 100%;  height: 1px;  height: 6px;  width: 6px;  background: transparent;  border-radius: 100%;     bottom: -13px;}
.colormuco-rojo1 .muco{background-color: #D2000033;}
.colormuco-rojo2 .muco{background-color: #D2000066;}
.colormuco-rojo3 .muco{background-color: #D20000CC;}
.colormuco-rojo4 .muco{background-color: #D20000;}
.colormuco-verde .muco{background-color: #AFE8C4;}
.colormuco-blanco .muco{background-color: #F7F9FA; border: 1px solid #d1d1d1;}

#informacion-relevante{flex-direction: column;justify-content: start; align-items: start;}
.page-anadir .seccion{padding-bottom: 15px;}
/*Añadir día*/

/*Modal Dialog*/
.boton-modal {  display: flex;  justify-content: space-between;  align-items: center;  background: #fff;  padding: 15px;  border-radius: 10px;  cursor: pointer;  font-size: 17px; font-weight: 600;  color: #393939;  box-shadow: 0px 0px 1px 0px #7C466826;  transition: background 0.3s ease; margin-bottom: 10px;}
.boton-modal:hover { }
.boton-modal .label {  flex-grow: 1;}
.boton-modal .valor { padding-right: 11px;  color: #6DB1F5;}
.boton-modal#color-mucosidad{position: relative;}
.boton-modal .valor.color-muco {    color: transparent;  position: absolute;  right: 32px;  padding-right: 0;  border: 2px solid white;  box-shadow: 0px 0px 1px 0px #7C466840;  width: 16px;  height: 16px;  background: #D20000;  border-radius: 100%;}
.boton-modal .flecha { transform: rotateY(180deg);}
/*Modal Dialog*/

/*Seccion*/z
.seccion{margin-bottom: 25px;}
.seccion .titu{margin-bottom: 10px;}
/*Seccion*/

/* Quitar el borde azul al hacer clic */
input[type="number"] {  -moz-appearance: textfield;  appearance: textfield;  outline: none; /*  Evita el reborde al hacer clic */}
/* Eliminar las flechas en Chrome, Edge y Safari */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  -webkit-appearance: none;}
/* Centrar placeholder */
input[type="number"]::placeholder { transition: opacity 0.2s ease-in-out; /*  Suaviza el efecto */}
/* Ocultar placeholder cuando el input está enfocado */
input[type="number"]:focus::placeholder {  opacity: 0;}

/* Estilos generales para los grupos de colores */
.color-group {  display: flex;  gap: 10px;  margin-bottom: 10px; align-items: center; box-sizing: border-box; padding: 15px; box-shadow: 0px 0px 1px 0px #7C466826;border: 1px solid #E3E8EB4D; border-radius: 15px;}
.color-group .titulo{margin-right: auto;   font-size: 17px;  font-weight: 600;    }
.color-group .titulo i{font-weight: 400; color:#B6B6B6; margin-left: 4px;}
.color-group label{display: flex;}
/* Estilos para las bolitas de color */
.color-bubble{  display: inline-block;  width: 18px;  height: 18px;  border-radius: 50%;  cursor: pointer;  border: 2px solid transparent; /* Borde transparente por defecto */}

/* Colores específicos para cada grupo */
.rojo .color-bubble {  background-color: #D20000;}
.rojo > label:nth-of-type(1) .color-bubble{background-color: #D2000033;}
.rojo > label:nth-of-type(2) .color-bubble{background-color: #D2000066;}
.rojo > label:nth-of-type(3) .color-bubble{ background-color: #D20000CC;}
.blanco .color-bubble {  background-color: #F7F9FA;}
.verde .color-bubble {  background-color: #AFE8C4;}
.color-bubble{ border: 2px solid rgb(255, 255, 255)}

.seccion-fixed{    position: fixed;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, 0.5);  width: 100vw; height: 100dvh;  z-index: 100; }
.seccion-fixed .contenedor{    position: fixed;  bottom: 0;  left: 0;  background: white;  width: 100vw;  padding: 35px 3%;  box-sizing: border-box;  border-top-right-radius: 15px;  border-top-left-radius: 15px;z-index: 99;     max-height: 100%;
  overflow: auto;}

.ellogin button, .abso button{margin-top: 20px; }
.w400{font-weight: 400 !important;}


/*Inicio Crear Gráfica*/
a#btn-crear-grafica{pointer-events: none;}
.seccion-crear-grafica .contenedor .titu{text-align: center; margin-top: 50px;}
.seccion-crear-grafica .contenedor .fecha-actual{  font-weight: 600;  font-size: 26px; text-align: center; margin-top: 10px; margin-bottom: 25px; }
.seccion-crear-grafica .navbar-cont{ height: 0; border: none; }
.seccion-crear-grafica .boton-modal{ box-shadow: 0px 0px 10px 0px #6DB1F533;margin-bottom: 25px;}
#modal-via-toma, #modal-hora-toma{z-index: 101;}
/*End Crear Gráfica*/


/* Estilo cuando un radio button está seleccionado */
input[type="radio"]:checked + .color-bubble {  border: 2px solid rgb(255, 255, 255);box-shadow: 0px 0px 2px 0px #7C4668CC; }
/* Ocultar el radio button original */
input[type="radio"] {  display: none;}
.lbl{ font-size: 17px;  font-weight: 600;color: #393939; box-sizing: border-box; padding-left: 15px; padding-bottom: 8px;padding-top: 15px;}


/*footer*/
.main-footer{position: fixed; bottom: 0;  width: 100%;  top: auto; background-color: white;} 
.main-footer > .main-footer-cont{    display: flex  ;      flex-direction: row;      justify-content: space-between;      align-items: center;      box-sizing: border-box;      padding: 10px 0;      gap: 8px;}
.main-footer > .main-footer-cont > a{display: flex;  background-color: #fff; transition: all .2s ease-in-out; background-size: contain; background-repeat: no-repeat; background-position: center; flex-direction: column; text-decoration: none; box-sizing: border-box; flex: 1 1 calc(100% - 8px);}
.main-footer > .main-footer-cont > a.dis{opacity: .4; pointer-events: none;}
.main-footer > .main-footer-cont > a .ico{width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 5px 0; text-align: center;border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; height: 32px;}
.main-footer > .main-footer-cont > a .ico img{margin: auto;}
.main-footer > .main-footer-cont > a:hover .ico, .main-footer > .main-footer-cont > a.current .ico{background-color: #6DB1F5;}
.main-footer > .main-footer-cont > a:hover .ico .bl, .main-footer > .main-footer-cont > a.current .ico .bl{display: block;}
.main-footer > .main-footer-cont > a .ico .bl, .main-footer > .main-footer-cont > a .ico .bl{display: none;}
.main-footer > .main-footer-cont > a:hover .ico .nm, .main-footer > .main-footer-cont > a.current .ico .nm{display: none;}
.main-footer > .main-footer-cont > a .titu{color: #393939;font-weight: 500; letter-spacing: .05em;font-size: 13px;padding-top: 4px; text-align: center;}
.docs .ico{position: relative;}
.docs.new .ico::after{content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 10px; background-color: #B3261E; border-radius: 999px;}
/*footer*/

/*Documentos*/
.documentos-container{ padding-bottom: 75px; min-height: calc(100dvh - 225px);}
/*Documentos*/

/*Calendario*/
.contenido-calendario .contenedor-color-groups { padding-top: 25px; padding-bottom: 15px; } 
.contenido-calendario .contenedor-color-groups .color-group { border: 0; border-radius: 0; padding: 7px 15px; box-shadow: none; } 
.contenido-calendario .contenedor-color-groups .color-group .color-bubble { border: 0; } 
.page-calendario .highlighted { color: white; font-weight: bold; color: #352C38 !important; } 
.page-calendario .icono-descargar { padding-left: 13px; } 
.page-calendario a.day { text-decoration: none; } 
.page-calendario .day .muco { /* Posición y tamaño del icono */ } 
.page-calendario #monthYear { margin-right: auto; padding-left: 15px; padding: 10px 0; } 
.page-calendario .calendar { width: 100%; background: white; padding: 0; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-align: center; box-sizing: border-box; max-width: 350px; margin: auto; margin-top: 25px; } 
.page-calendario .calendar-header.top { padding-bottom: 10px; } 
.page-calendario #verGrafica { color: #6DB1F5; font-size: 16px; font-weight: 400; cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: auto; } 
.page-calendario .calendar-header { display: flex; justify-content: space-between; align-items: center; font-weight: bold; box-sizing: border-box; padding: 0 15px; border-bottom: 1px solid #E3E8EB4D; font-family: 'Roboto'; font-weight: 600; font-size: 26px; } 
.page-calendario .calendar-header button { background: none; border: none; font-size: 18px; cursor: pointer; width: 40px; color: #49454F; font-family: monospace; padding: 23px 5px; } 
.page-calendario .calendar-header button{box-shadow: n;}
.page-calendario .days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0px; margin-top: 10px; padding: 0 18px; padding-bottom: 10px; } 
.page-calendario .day-name, .page-calendario .day { text-align: center; display: flex; justify-content: center; align-items: center; font-size: 16px; } 
.page-calendario .day-name { color: #1D1B20; font-weight: 400; width: 100%;  height: 0;  padding-top: 50%;  padding-bottom: 50%;  border-radius: 50%; } 
.page-calendario .day { position: relative; width: 100%; height: 0; padding-top: 50%; padding-bottom: 50%; border-radius: 50%; cursor: pointer; color: #B6B6B680; margin-bottom: 15px; } 
.page-calendario .day span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } 
.page-calendario .today { background: #6DB1F5; color: white !important; font-weight: bold; opacity: 0.4; } 
.page-calendario .today.highlighted { opacity: 1; } 
.page-calendario .day.maxtemp { /* Ejemplo de borde */ }


/*Calendario*/

/*Documentos*/
.documentos-container{ padding-bottom: 75px; min-height: calc(100dvh - 225px);}
.dia-a-dia-cont{ display: flex; flex-direction: column; gap: 8px; padding-top: 15px;}
.dia-a-dia-cont .grafica{display: flex; justify-content: space-between;}
.dia-a-dia-cont .cont-blanco{text-decoration: none;}
.dia-a-dia-cont .cont-blanco .ri{color: #6DB1F5;}
.dia-a-dia-cont .cont-blanco .ri svg{padding-left: 8px;}
.dia-a-dia-cont .cont-blanco .titu{font-family: 'Roboto';  font-weight: 600;  font-size: 17px;   }
/*Documentos*/

.ri.ante{text-decoration: none; color: #6DB1F5; margin-left: 0; margin-right: 8px;}

input:focus, textarea:focus {  outline: none;}

.page-template-page-logi-php footer{display: none;}
.page-template-page-logi-php .notis{display: none;}
.cont-notis.notis{position: relative;}
.notisnoleidas{    background-color: #B3261E;  color: white;  padding: 2px 5px;  border-radius: 999px;  font-weight: 500;  height: 16px;  width: 16px;  font-size: 11px;  display: block;  text-align: center;  box-sizing: border-box;     position: absolute;  top: -4px;  right: -12px;}


/*Cabecera Movil*/
@media (min-width: 941px) {
  nav.navbar .navbar-header button.navbar-toggle{display: none;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:hover .menu-menu-principal-container > ul{display: block;}
}
@media (max-width: 940px) {

  nav.navbar .navbar-header a.navbar-brand img{    max-height: 47px; max-width: initial;}

  nav.navbar {}
  nav.navbar.abrir {background: #333E48; height: 100dvh;}
  nav.navbar .centro{    width: 100%; max-width: 100%;}
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

  nav.navbar .navbar-header { top: 16px;    margin-left: 16px; }
nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}

  nav.navbar div#navbar{}
  nav.navbar #navbar .menu-menu-principal-container > ul{    padding: 0 0 0; width: 100%;}
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li > a,
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li {   color: white;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a,
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{color:#fff;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a{}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{display: block;position: relative;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span:after{content:''; background-image: url('images/flechab.png'); position: absolute; position: absolute; right: 4px; width: 15px; height: 24px; transform: rotate(90deg);}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span:after{transition-property: transform; transition-duration: 1s; }
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir span:after{ transform: rotate(-90deg);}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir .menu-menu-principal-container > ul{  display: block;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul > li{font-weight: normal;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul > li > a{}

  nav.navbar .bloqueidiomas{    right: 16px;}
  nav.navbar .bloqueidiomas .wpml-ls-legacy-list-horizontal ul li a{ color:#fff; text-decoration: none; }

  nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;background: transparent;top: 6px;}
  nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0;}
  nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 8px;display: block;width: 25px;height: 3px;;background: #333E48; }

  nav.navbar.abrir  .navbar-header button.navbar-toggle{   transform: rotate(45deg);     top: 8px;    padding: 8px 0 0;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(1){    background: #fff;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #fff;transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #fff;transform: rotate(1deg); top: -11px; position: relative;}

  .foomov {    display: flex;    position: fixed;    bottom: 0;    z-index: 111;    width: 100%;    display: grid;    padding: 0 10px;    box-sizing: border-box;    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));  }
  .foomov .iflex {    height: 60px;    width: 100%;    background-size: auto 50%;    background-repeat: no-repeat;    background-position: center;    background-color: #000;    border-left: 1px solid #7e7e7e;  }
  .foomov .iflex:first-child {    border-left: none;  }
  

}

/*Cabecera Movil*/

@media (max-width: 1250px) {
  div.centro{    width: 94%;         width: calc(100% - 40px);}
  div.main-footer-cont{ width: calc(100% - 20px); margin: auto;}

}



@media (max-width: 340px) {

  .main-footer > .main-footer-cont{ overflow: auto;   padding: 10px; gap: 11px; width: 100%;}
  .main-footer > .main-footer-cont > a{width: 27%; flex: 0 0 auto;}
}



.has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;}
.has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #000;}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;}
.has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;}
.has-pale-pink-color.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #000;}
.has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;}
.has-very-light-gray-color.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; }
.has-small-font-size {font-size: 13px;}
.has-regular-font-size, .has-normal-font-size {font-size: 16px;}
.has-medium-font-size {font-size: 20px;}
.has-large-font-size {font-size: 36px;}
.has-larger-font-size, .has-huge-font-size {font-size: 42px;}


/* Contenedor general */
.documentos-container {  margin: 0 auto;}

/* Barra de búsqueda */
.search-bar {  margin: 25px 0;  position: relative;}
.search-bar input {  width: 100%;  border-radius: 20px;    border: 1px solid #ccc;  position: relative;  background: #7C46680D;  padding: 17px;  padding-left: 50px;}
.search-bar::after {  content: url(images/icono-lupa.svg);  position: absolute;  left: 15px;  width: 24px;  height: 24px;  top: 50%;
    transform: translateY(-50%);}

/* Cada elemento de documento */
.documento-item {  display: flex;  align-items: center;  justify-content: space-between;  border: 1px solid #E3E8EB4D;  padding: 16px;  position: relative;  border-radius: 15px;  box-shadow: 0px 0px 1px 0px #7C466826;  margin: 8px 0;}
.noti-item.sinleer{background-color: #6DB1F5;}
.noti-item.sinleer *{color:white;}
.noti-item.leida{}
.modal-notis .search-bar{margin-top:0;}
.modal-notis .conte{margin-top:0;padding-top: 0;}

/* Ícono PDF */
.documento-icon img {  width: 43px;  height: 37px;  object-fit: contain;}

/* Información del documento (título, fecha, hora) */
.documento-info {  flex: 1;  margin-left: 12px;}
.documento-title {  margin: 0;  font-family: 'Roboto';  font-weight: 700;  font-size: 17px;  letter-spacing: 0px;  }
.documento-date,
.documento-time {  margin-right: 5px;  font-family: 'Roboto';  font-weight: 500;  font-size: 13px;  line-height: 20px;  letter-spacing: 0px;  color: #B6B6B6;}
.flex-title{    display: flex  ;   justify-content: space-between;}
/* Botón de opciones (los tres puntos) */
.documento-options {  position: relative;}
.options-btn {  background: none;  border: none;  font-size: 20px;  cursor: pointer;  outline: none;  color: #6DB1F5;  padding: 0;}

/* Menú desplegable de opciones */
.options-menu {  display: none; /* Se oculta por defecto */  position: absolute;  top: 25px;  right: 0;  background: #fff;  border: 1px solid #ccc;  border-radius: 4px;  list-style: none;  margin: 0;  padding: 0;  width: 40vw;  min-width: fit-content;  max-width: 90vw;  box-shadow: 0px 2px 6px 2px #00000026;  z-index: 999;}
.options-menu li {  background: #FFFFFF;  border-bottom: 1px solid #CAC4D0;}
.options-menu li:last-child {  border-bottom: none;}
.options-menu li a {  display: flex;  padding: 24px 12px;  color: #333;  text-decoration: none;  font-size: 16px;  font-family: 'Roboto';  font-weight: 400;  letter-spacing: .05em;  gap: 12px;  background-color: white;  box-shadow: 0px 1px 2px 0px #0000004D;  align-items: center;}
.options-menu li a:hover {  background: #f0f0f0;}

/*Tabla grafica*/
.widefat tfoot td, .widefat th, .widefat thead td {  text-align: left;  line-height: 1.3em;  font-size: 14px;}
.widefat td, .widefat th {  color: #50575e;}
.widefat td, .widefat td ol, .widefat td p, .widefat td ul {  font-size: 13px;  line-height: 1.5em;}
.widefat td {  vertical-align: top;}
.widefat td, .widefat th {  padding: 8px 10px;}
.widefat * {  word-wrap: break-word;}
.widefat td, .widefat td ol, .widefat td p, .widefat td ul {  font-size: 13px;  line-height: 1.5em;}
.alternate, .striped>tbody>:nth-child(odd), ul.striped>:nth-child(odd) {  background-color: #f6f7f7;}