* { box-sizing: border-box; }
*{box-sizing:border-box;}
.revista-card{width:100%;max-width:280px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;position:relative;display:block;font-family:Arial, sans-serif;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;overflow-x:hidden;overflow-y:hidden;cursor:pointer;text-decoration-color:currentcolor;text-decoration-line:none;text-decoration-style:solid;text-decoration-thickness:auto;}
.revista-card img.revista-cover{width:100%;display:block;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
.revista-card .revista-hover-overlay{position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition-property:opacity;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;background-color:rgba(255, 255, 255, 0.9);background-position-x:0%;background-position-y:0%;background-repeat:repeat;background-attachment:scroll;background-image:none;background-size:auto;background-origin:padding-box;background-clip:border-box;pointer-events:none;}
.revista-card:hover .revista-hover-overlay{opacity:1;}
.revista-card .revista-hover-text{color:rgb(35, 54, 106);font-size:16px;font-weight:700;display:flex;align-items:center;row-gap:8px;column-gap:8px;text-align:center;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px;background-color:rgb(255, 255, 255);background-position-x:0%;background-position-y:0%;background-repeat:repeat;background-attachment:scroll;background-image:none;background-size:auto;background-origin:padding-box;background-clip:border-box;border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;border-top-width:2px;border-top-style:solid;border-top-color:rgb(35, 54, 106);border-right-width:2px;border-right-style:solid;border-right-color:rgb(35, 54, 106);border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:rgb(35, 54, 106);border-left-width:2px;border-left-style:solid;border-left-color:rgb(35, 54, 106);border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;}
.revista-card .revista-hover-text i{font-size:18px;}
.revista-card{width:100%;max-width:280px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;position:relative;display:block;font-family:Arial, sans-serif;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;overflow-x:hidden;overflow-y:hidden;cursor:pointer;text-decoration-line:none;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;}
.revista-card .revista-hover-overlay{position:absolute;top:0px;left:0px;right:0px;bottom:0px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:opacity;background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgba(255, 255, 255, 0.9);pointer-events:none;}
.revista-card .revista-hover-text{color:rgb(35, 54, 106);font-size:16px;font-weight:700;display:flex;align-items:center;row-gap:8px;column-gap:8px;text-align:center;padding-top:12px;padding-right:20px;padding-bottom:12px;padding-left:20px;background-image:initial;background-position-x:initial;background-position-y:initial;background-size:initial;background-repeat:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:rgb(255, 255, 255);border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:50px;border-bottom-left-radius:50px;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(35, 54, 106);border-right-color:rgb(35, 54, 106);border-bottom-color:rgb(35, 54, 106);border-left-color:rgb(35, 54, 106);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;}

.revista-card{width:100%;max-width:280px;margin:0 auto;position:relative;display:block;font-family:Arial, sans-serif;border-radius:12px;overflow:hidden;cursor:pointer;text-decoration:none;}
.revista-card img.revista-cover{width:100%;display:block;object-fit:cover;border-radius:12px;}
.revista-card .revista-placeholder{width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#e5e7eb;color:#9ca3af;border-radius:12px;}
.revista-card .revista-placeholder i{font-size:48px;}
.revista-card .revista-placeholder span{font-size:13px;}
.revista-card .revista-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;background:rgba(255,255,255,0.9);pointer-events:none;}
.revista-card .revista-hover-text{color:#23366A;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;text-align:center;padding:12px 20px;background:#ffffff;border-radius:50px;border:2px solid #23366A;}
.banner-dot{width:16px;height:16px;border-radius:50%;background-color:white;border:2px solid #23366A;margin:0 5px;cursor:pointer;outline:none;transition:all 0.3s ease;}
.banner-dot.active{background-color:#23366A !important;}
.banner-dot:hover{transform:scale(1.15);}
.banner-slide{transition:opacity 0.5s ease-in-out;background-color:white !important;}
.banner-slide.fadeOut{opacity:0;}
.banner-slide.fadeIn{opacity:1;}
.banner-btn:hover{background-color:#1a2752 !important;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);}
.banner-image-wrapper{background-color:white !important;}
.banner-slides-container{background-color:white !important;}
.banner-slider-wrapper{width:100%;max-height:600px;margin-bottom:2rem;background-color:white;}
.banner-slides-container{width:100%;position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);min-height:80px;}
.banner-slide{position:relative;width:100%;display:none;flex-direction:column;border-radius:1rem;overflow:hidden;}
.banner-slide.active{display:flex;}
.banner-image-wrapper{width:100%;position:relative;flex-shrink:0;line-height:0;}
.banner-image-wrapper img{width:100%;height:auto;max-height:600px;object-fit:contain;object-position:center;display:block;margin:0 auto;}
.banner-image-empty{width:100%;aspect-ratio:16/9;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;}
.banner-content-overlay{position:absolute;bottom:1rem;left:1rem;right:1rem;max-width:min(420px, calc(100% - 2rem));width:fit-content;background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(4px);border-radius:0.75rem;padding:clamp(0.625rem, 1.5vw, 1rem) clamp(0.875rem, 2vw, 1.375rem);box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);box-sizing:border-box;}
.banner-content-overlay h2{color:#23366A;font-size:clamp(1rem, 2.2vw, 1.5rem);font-weight:bold;margin:0;line-height:1.25;}
.banner-content-overlay p{color:#374151;font-size:clamp(0.75rem, 1.1vw, 0.875rem);margin:0.25rem 0 0 0;line-height:1.4;}
.banner-content-below{display:none;width:100%;background:white;padding:clamp(0.75rem, 3vw, 1.125rem);text-align:center;box-sizing:border-box;}
.banner-content-below h2{color:#23366A;font-size:clamp(1rem, 3.5vw, 1.25rem);font-weight:bold;margin:0;line-height:1.25;}
.banner-content-below p{color:#374151;font-size:clamp(0.75rem, 2.5vw, 0.875rem);margin:0.25rem 0 0 0;line-height:1.4;}
.banner-btn{display:inline-block;background:#23366A;color:white;padding:0.5rem 1.125rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:0.8125rem;transition:all 0.2s ease;margin-top:0.625rem;}
.banner-dots-container{display:flex;justify-content:center;margin-top:-1rem;margin-bottom:1rem;}
@media (min-width: 769px){.banner-content-overlay{display:block !important;}.banner-content-below{display:none !important;}}
@media (max-width: 768px){.banner-content-overlay{display:none !important;}.banner-content-below{display:block !important;}.banner-slider-wrapper{max-height:400px !important;}.banner-image-wrapper img{max-height:400px !important;}.banner-slide h2{font-size:1.5rem !important;}.banner-slide p{font-size:1rem !important;}}