.aemet-prediccion-montana {
font-family: Arial, sans-serif;
margin: 20px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
} .aemet-prediccion-montana .tabs {
display: flex;
margin: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #ddd;
background-color: #f8f8f8;
} .aemet-prediccion-montana .tabs li {
flex: 1;
padding: 10px 15px;
text-align: center;
cursor: pointer;
color: #333;
background-color: #f8f8f8;
transition: background-color 0.3s, color 0.3s;
border-right: 1px solid #ddd;
}
.aemet-prediccion-montana .tabs li:last-child {
border-right: none;
} .aemet-prediccion-montana .tabs li.active {
background-color: #ff6600;
color: white;
font-weight: bold;
border-bottom: 2px solid #ff6600;
} .aemet-prediccion-montana .tabs li:hover:not(.active) {
background-color: #ffe0b3;
color: #333;
} .aemet-prediccion-montana .tab-content {
padding: 20px;
background-color: #fff;
color: #333;
} .aemet-prediccion-montana .tab-pane {
display: none;
animation: fadeIn 0.3s ease-in-out;
}
.aemet-prediccion-montana .tab-pane.active {
display: block;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .aemet-prediccion-montana h3 {
margin-top: 0;
color: #ff6600;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}
.aemet-prediccion-montana h4 {
margin-top: 15px;
color: #333;
}
.aemet-prediccion-montana-footer {
text-align: center;
color: #666666;
margin-top: 20px;
}
.aemet-prediccion-montana-footer a {
color: #ff6600 !important;
text-decoration: none !important;
}
.aemet-prediccion-montana-footer a:hover {
text-decoration: underline;
}
.aemet-prediccion-montana h4 {
font-size: 1.5em; color: #333; font-weight: bold; margin-top: 20px; margin-bottom: 10px; border-left: 4px solid #ff6600; padding-left: 10px; } @media (max-width: 768px) {
.aemet-prediccion-montana .tabs {
flex-direction: column;
}
.aemet-prediccion-montana .tabs li {
margin-bottom: 5px;
border-right: none;
text-align: left;
padding-left: 15px;
}
.aemet-prediccion-montana .tabs li.active {
background-color: #ff6600;
color: #fff;
}
.aemet-prediccion-montana .tab-content {
padding: 15px;
}
.aemet-prediccion-montana h4 {
font-size: 1.3em; margin-top: 15px;
margin-bottom: 8px;
}
}