/*
Theme Name: Medisa
Theme URI: 
Author: Girona Studio
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medisa
Tags: 
*/
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
	color:#dc1229;
}
.lineas-titulos{
	display: block;
    margin: 20px auto;
	border-bottom-style: solid; 
    border-bottom-width: 4px;
    width: 100px;
    border-bottom-color: #dc1229;
}

.plus{
	margin: 0 auto;
    display: block;
    padding: 6px;
    border-radius: 31px;
    width: 25px;
    height: 25px;
}
.plus.red{
	background-color: #DC1229;
}
.plus.one{
	background-color: #ddd;
}

.plus.three{
	background-color: white;
	color:black;
}
.numeros-rojos{
	font-size:60px;
	color:#DC1229;
	font-weight:800;
}
.sombra{filter: drop-shadow(0 0 0.75rem grey);}

.service-popup  {
	display:none;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2;
	overflow: scroll;
}
.service-popup  .fa-plus{
	position: absolute;
    right: 2%;
    cursor: pointer;
    background: none;
    border: 1px solid;
    transform: rotate(45deg);
}
.popup .fa-plus:hover {
    background-color: #DC1229;
    border: 1px solid #DC1229;
}
.service-button {
	display:block;
	margin:0 auto;
	background-color:#DC1229;
	color:white;
	border: none;
	border-radius: 50px;
	cursor: pointer;
    font-size: 50px;
    line-height: 50px;
    width: 50px;
    height: 50px;
	transition: transform 0.2s;
}
.service-button.two{
	background-color: white;
	color:black;
}
.service-button:hover {
	background-color: #2980b9;
	transform: translateY(-2px);
}
.close-button {
	position: fixed;
	top: 5%;
	right: 5%;
	width: 50px;
	height: 50px;
	border: none;
	background-color: #e74c3c;
	color: white;
	border-radius: 50%;
    font-size: 50px;
    line-height: 50px;
	cursor: pointer;
	z-index: 1001;
}

.close-button:hover {
	background-color: #c0392b;
}
.service-button{cursor:pointer;}


/* Responsive */
@media (max-width: 768px) {
	
}
@media (max-width: 425px) {
	h3{
		text-align:center;
		font-size: 25px;
	}
	body .is-layout-flex{
		flex-direction: column;
	}
	.mapa{width:100%}
	.numeros-rojos {
		font-size: 40px;}
	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
		width:100%;
	}
}