.title{
    font-size: 2.5rem;
    line-height: 1.25;
}

@media (min-width: 480px) {
    .title{
        font-size: 3rem;
    }
}

/*=====================================
 Global Max-Width System
========================================*/

/* Contenedor principal con max-width unificado */
.container-max-width {
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;
}

/* Para pantallas de 1920px en adelante */
@media (min-width: 1920px) {
    .container-max-width {
        max-width: 1400px;
        width: 100%;
    }
}

/* Para pantallas menores a 1920px */
@media (max-width: 1919px) {
    .container-max-width {
        width: 90%;
        max-width: none;
    }
}

/* Clase específica para secciones que necesitan el max-width */
.section-container {
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;
}

@media (min-width: 1920px) {
    .section-container {
        max-width: 1400px;
        width: 100%;
    }
}

@media (max-width: 1919px) {
    .section-container {
        width: 90%;
        max-width: none;
    }
}

.wpforms-field-textarea textarea{
	width: 100%;
	min-height: 190px;
}

.wp-block-image figure{
    margin-top: 2rem;
    margin-bottom: 2rem;
    --tw-shadow-color: 0, 0, 0;
    --tw-shadow: 0 10px 15px -3px rgba(var(--tw-shadow-color), .1), 0 4px 6px -2px rgba(var(--tw-shadow-color), .05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

/*=====================================
 Comment Template CSS
========================================*/

.comments-area {
    margin-top: 40px;
}

.comments-area h2.comments-title {
    font-size: 25px;
    margin-bottom: 20px;
}

.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment-meta {
    margin-bottom: 20px;
}

.comment-meta a {
    color: #333;
}

.comment-meta img {}

.comment-author.vcard {
    position: relative;
    padding-left: 24px;
}

.comment-author.vcard img {
    position: absolute;
    left: 0;
    top: 5px;
}

.comment-metadata {
    margin-left: 50px;
}

.comments-area table {
    border-left: 1px solid #dddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.comments-area table td,
.comments-area table th {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
}

.comments-area th {
    background: #278cc1;
    color: #fff;
}

.comments-area dd {
    margin-bottom: 15px;
}

.comments-area .comments-content ul,
.comments-area .comments-content ol {
    padding-left: 15px;
}

.comments-area .comment-content ul,
.comments-area .comment-content ol {
    padding-left: 15px;
}

.comment-reply-link {
    background: #31A3A4;
    color: white;
    display: inline-block;
    border-radius: 0.125rem;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-decoration: none!important;
    white-space: nowrap;
}

.comment-list li.comment {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.comment-metadata {
    font-size: 80%;
}

.comment-reply-link {
    margin-top: 10px;
}

.comment-list li ol.children {
    padding-left: 50px;
    margin: 0;
    list-style: none;
    margin-top: 25px;
}

.comment-list li ol.children ol.children {
    padding-left: 20px;
}

.comment-list li.comment:last-child {
    border-bottom: 0px solid;
    padding-bottom: 0;
    margin-bottom: 0;
}

.comment-respond {
    margin-top: 50px;
}

.comment-notes {
    font-size: 90%;
    margin-bottom: 40px;
}

.comment-form label {
    display: block;
    margin-bottom: 10px;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    margin-bottom: 20px;
}

.comment-form input[type=submit] {
    width: auto;
}

.comment-form a{
	color: #31A3A4;
}

#submit {
	border-radius: 0.125rem;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0.5rem 1rem;
	text-decoration: none!important;
	white-space: nowrap;
	--tw-bg-opacity: 1;
	background-color: rgba(0,163,164,var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(255,255,255,var(--tw-text-opacity));
} 
 
#submit:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(183,224,214,var(--tw-bg-opacity));
	--tw-text-opacity: 1;
	color: rgba(0,163,164,var(--tw-text-opacity));
}
#submit:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.comments {margin: 10px 0;}
.comments h3 {margin:50px 0 30px 0;font-size:24px;}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom: 1px solid #ddd; padding:1em; margin-bottom: 10px; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font-size:18px;}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar {max-width: 100%;
    height: auto;
    margin: 0;
    max-height: 20px;
	width: auto;}
ol.commentlist li div.vcard img.avatar-32 {max-width: 100%;
    height: auto;
    margin: 0;
    max-height: 20px;
	width: auto;}
ol.commentlist li div.vcard img.photo {max-width: 100%;
    height: auto;
    margin: 0;
    max-height: 20px;
	width: auto;}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:10px; margin-bottom: 10px;}
ol.commentlist li div.comment-meta a { color: #aaa; }
ol.commentlist li p { margin: 0; }
ol.commentlist li ul { list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd {}