:root{--primary-color: #c81566;--primary-dark: #a50c51;--primary-light: #d6337e;--primary-tint: #fbe6ef;--text-primary: #2c2530;--text-secondary: #665f6a;--text-light: #948d98;--background: #ffffff;--background-alt: #faf6f8;--border-color: #ecdfe6;--color-success: #1f8a54;--color-error: #c62828;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Poppins", "Segoe UI", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 2px 4px rgba(44, 15, 30, .08);--shadow-md: 0 4px 16px rgba(44, 15, 30, .12);--shadow-lg: 0 12px 32px rgba(44, 15, 30, .16);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--header-height: 5rem;--content-max-width: 1200px;--hover-lift: translateY(-3px)}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}body{margin:0;line-height:1.6;font-family:var(--font-body);font-weight:400;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:clamp(1.15rem,2vw,1.4rem)}p{color:var(--text-secondary)}button{font-family:var(--font-body);cursor:pointer;border:none}input,select,textarea{font-family:var(--font-body)}.img{max-width:100%;height:auto;object-fit:cover}.cursor-pointer{cursor:pointer}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-pill);background:var(--primary-color);color:#fff;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.button:hover,.btn:hover{background:var(--primary-dark);transform:var(--hover-lift);box-shadow:var(--shadow-md)}.button:disabled,.btn:disabled,.button[disabled],.btn[disabled]{background:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.smooth-transition{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{height:100%;scroll-behavior:smooth}.page{padding-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.informacion{text-align:center;padding:5% 10%;background-color:#f4f4f4}.text{text-align:center;margin-bottom:2rem}.informacion h2{font-size:1.5rem;position:relative;display:inline-block;color:var(--primary-color);text-decoration:none;font-family:var(--font-heading);padding-bottom:5px;cursor:pointer}.text_p{text-align:justify;font-size:1.3rem;letter-spacing:.7px;line-height:1.3}.text_link{text-align:start;text-decoration:none;font-size:1.1rem;font-weight:600;color:var(--primary-color);transition:color var(--transition-normal);display:inline-block;margin-top:var(--spacing-sm)}.imagen{width:100%;height:280px;position:relative;display:inline-block;overflow:hidden}.img{width:100%;max-height:100%;height:100%}.informacion h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.4px;background-color:var(--primary-light);transform:scaleX(0);transition:transform var(--transition-normal)}.informacion h2:hover:after{transform:scaleX(1)}.text_link:hover{color:var(--primary-dark)}.revelar-texto{position:relative;display:inline-block;color:#333;overflow:hidden}.imagen:after{content:attr(data-texto);position:absolute;bottom:0;left:0;width:100%;height:15%;background-color:#000000b6;color:#fff;padding:10px;box-sizing:border-box;transition:transform var(--transition-slow);transform:translateY(100%)}.imagen:hover:after{transform:translateY(0)}@media screen and (min-width:768px){.informacion{display:flex;align-items:center}.informacion h2{font-size:1.9rem}.text{padding:10px;width:50%}.text_p{font-size:1.5rem}.text_link{font-size:1.5rem;display:block}.imagen{width:45%;height:360px}}
